Vue项目启动提示Cannot GET /问题

 更新时间:2023年10月11日 08:56:24   作者:琉-璃  
这篇文章主要介绍了Vue项目启动提示Cannot GET /问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

初始化Vue框架

配置路由启动项目,控制台中并没有报错;

npm run dev命令行窗口也没有报错,页面打开却提示 Cannot GET / 

网上查了下资料,有这几种解决方案

1.打包的时候会把config文件夹

下的assetsPublicPath改成了 "./“ ,再次编译 npm run dev 却没有改回来  ,去掉  .  改回来就可以

2.注释掉路由router文件夹下

index.js的history模式

3.把项目重新npm install

总结

我这边是用了第三个方法,解决这个问题的

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vite项目添加eslint prettier及husky方法实例

    vite项目添加eslint prettier及husky方法实例

    这篇文章主要为大家介绍了vite项目添加eslint prettier及实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • Vue 3 使用moment设置显示时间格式的问题及解决方法

    Vue 3 使用moment设置显示时间格式的问题及解决方法

    在Vue 3中,因为过滤器(filter)已经被废弃,取而代之的是全局方法(global method),本文给大家介绍Vue 3 使用moment设置显示时间格式的问题及解决方法,感兴趣的朋友一起看看吧
    2023-12-12
  • vue3中使用viewerjs实现图片预览效果的项目实践

    vue3中使用viewerjs实现图片预览效果的项目实践

    viewer.js是一款开源的图片预览插件,功能十分强大,本文主要介绍了vue3中使用viewerjs实现图片预览效果的项目实践,具有一定的参考价值,感兴趣的可以了解一下
    2023-09-09
  • 使用vuetify实现全局v-alert消息通知的方法

    使用vuetify实现全局v-alert消息通知的方法

    使用强大的Vuetify开发前端页面,结果发现官方没有提供简便的全局消息通知组件,所以自己动手写了一个简单的组件,接下来通过本文给大家介绍使用vuetify实现全局v-alert消息通知的详细代码,感兴趣的朋友跟随小编一起看看吧
    2024-02-02
  • vue基于websocket实现智能聊天及吸附动画效果

    vue基于websocket实现智能聊天及吸附动画效果

    这篇文章主要介绍了vue基于websocket实现智能聊天及吸附动画效果,主要功能是基于websocket实现聊天功能,封装了一个socket.js文件,使用Jwchat插件实现类似QQ、微信电脑端的功能,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • 基于Vue uniapp实现贪吃蛇游戏

    基于Vue uniapp实现贪吃蛇游戏

    贪吃蛇游戏想必是很多70、80后的回忆,一直到现在也深受大家的喜欢。本文将利用Vue+uniapp实现这一经典的游戏,感兴趣的可以了解一下
    2022-04-04
  • Axios学习笔记之使用方法教程

    Axios学习笔记之使用方法教程

    axios是用来做数据交互的插件,最近正在学习axios,所以想着整理成笔记方便大家和自己参考学习,下面这篇文章主要跟大家介绍了关于Axios使用方法的相关资料,需要的朋友们下面来一起看看吧。
    2017-07-07
  • 解决vue props传Array/Object类型值,子组件报错的情况

    解决vue props传Array/Object类型值,子组件报错的情况

    这篇文章主要介绍了解决vue props传Array/Object类型值,子组件报错的情况,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue中使用ueditor富文本编辑器

    vue中使用ueditor富文本编辑器

    这篇文章主要介绍了vue中使用ueditor富文本编辑器的相关资料,需要的朋友可以参考下
    2018-02-02
  • vue使用swiper插件实现垂直轮播图

    vue使用swiper插件实现垂直轮播图

    这篇文章主要介绍了vue使用swiper插件实现垂直轮播图,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01

最新评论