Vue项目启动提示Cannot GET /

最新推荐文章于 2025-05-06 17:16:46 发布
最新推荐文章于 2025-05-06 17:16:46 发布
阅读量1.2w 收藏 15
点赞数 3
分类专栏： vue问题解答 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42486438/article/details/120200913
版权
本文讲述了开发者在使用Vue框架初始化项目并配置路由后遇到'Cannot GET/'错误，通过排查和尝试，最终通过npm install重置解决了问题。作者分享了三种可能的解决方案，包括修改assetsPublicPath配置和切换路由模式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、初始化Vue框架，配置路由启动项目，控制台中并没有报错；npm run dev命令行窗口也没有报错，页面打开却提示 Cannot GET / 

 2、网上查了下资料，有这几种解决方案：

    1）、打包的时候会把config文件夹下的assetsPublicPath改成了 "./“ ，再次编译 npm run dev 却没有改回来  ，去掉  .  改回来就可以

 

    2）、注释掉路由router文件夹下index.js的history模式

    3）、 把项目重新npm install

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

 

vue项目刷新页面显示Cannot GET
Deck_的博客
10-18 1248
vue项目刷新页面显示Cannot GET
vue项目启动出现cannot GET /服务错误的解决方法
11-21
上午做了项目，中午吃完饭后回来再跑一次服务器， 出现 Cannot GET/： 控制台中并没有报错；npm run dev命令行窗口也没有报错。 原因 在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同… 于是把能改的地方都改了…（基本上相当于将配置信息改回来） 关闭 history 模式 关闭history模式，用/#/路由的方式开启，（history模式要跑在服务端里面）； 更改端口号 更改端口号（没改的话打开原端口号自动加上登陆次数） 在 webpack.base.conf.js 配置信息里面，把自己改动的部分先注释掉再重新跑一下服务，在
vue项目启动后页面显示‘Cannot GET /’
weixin_45721912的博客
05-09 3391
1、npm run dev命令启动项目的时候没有报错，页面打开却提示 Cannot GET / 2.这个时候只需要找到config文件夹下面的index.js文件。把assetsPublicPath字符串的：‘./’修改成 ‘/’就行了。修改完之后记得关闭项目，然后重新启动。不然不会生效
Vue报错：Cannot read properties of null (reading ‘xxx‘)
最新发布
qq_38732082的博客
05-06 480
Vue报错：Cannot read properties of null (reading ‘xxx’)
vue项目出现 cannot GET/ 的问题总结
似水流年
10-15 4万+
1.没有报错，页面显示cannot GET,经过排查发现config/index.js里的dev做了改动。他想实现pc和移动端跳转，所以修改assetsPublicPath: '/m/'。在移动端访问直接走'/m/#'。直接npm run dev跑不起来，需要改成assetsPublicPath: '/'就好了。 2.报错node出现 Error: listen EACCES 0.0....
vue错误：Cannot GET /
m0_46250348的博客
07-27 458
一个页面写错导致
vue启动服务Cannot GET /问题
菜菜的博客
09-01 1235
在启动vue项目时，出现Cannot GET /提示，原因是之前修改了config下index.js的assetsPublicPath 错误提示： Refused to load the image 'http://localhost:8075/favicon.ico' because it violates the following Content Security Policy direct...
详解vuejs中执行npm run dev出现页面cannot GET/问题
10-15
主要介绍了详解vuejs中执行npm run dev出现页面cannot GET/问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue项目启动出现cannot GET /服务错误
热门推荐
猫猫的小茶馆
06-22 4万+
上午做了项目，中午吃完饭后回来再跑一次服务器， 出现 Cannot GET/： 控制台中并没有报错；npm run dev命令行窗口也没有报错。 原因 在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同… 于是把能改的地方都改了…（基本上相当于将配置信息改回来） 关闭 history 模式 关闭history模式，用/#/路由的方式开启，（h...
vue 本地页面刷新Cannot GET /system/user
都已经是第二年的立春、又何必执着于、当年的盛​夏呢？
03-27 778
vue 本地页面刷新Cannot GET /system/user
Vue项目中出现cannot get/的解决办法
林中明月间丶
01-08 9064
https://blog.csdn.net/tiantiandashi/article/details/81366315 听说是要重装安装request模块，执行： npm remove request npm install requset 搞定！感动天感动地。 npm run dev，去浪~ ...
vue项目页面cannot get / 错误解决办法
weixin_43080554的博客
04-14 7810
昨天做项目,打包部署到服务器之后,今天早上到公司npm run dev启动项目,页面报错cannot get / 开始以为是昨天打包的时候把config文件夹下的assetsPublicPath改成了"./“导致的 于是把”./“改回了”/"可还是不好用,于是又找了很多资料也没发现什么原因,后来我想页面显示的是connot get / 意思是获取不到/,是不是路由在编译的时候出了问题于是我把路由文...
Cannot GET /问题解决
Zavnynaa的博客
12-02 2941
遇到问题如图： 附上代码 <template> <div class="mod-home"> <p><a :href="fileUrl">MRP中心操作手册.docx</a></p> </div> </template> <script> export default { data() { return { fileU
vue项目启动之后出现cannot GET /
欢迎来到小迪的优快云博客！
06-22 4万+
今天出一个新需求，拿到别人的代码启动vue之后总是报cannot GET /的错误。下面是我解决的方法：现象 浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 npm run dev命令行窗口没有报错 原因网上查了下，有人说是路由配置问题（开启了history模式，而history模式需要服务端支持），然后我的代码没有开启history模式。于是找同事要了份代码全文对比，发现是配置信息导致
Ajax的cannot get /问题解决
qq_49774228的博客
05-01 266
Ajax的cannot get /问题解决。
vue项目直接在地址栏输入路由地址显示cannot get xxx
qq_46370075的博客
01-29 2409
vue项目直接在地址栏输入路由地址显示cannot get xxx
vue3 项目运行cannot get /
09-06
"Cannot get /"是一个常见的错误信息，它表示当前项目无法获取到指定的路径。通常情况下，该错误是由以下几个原因引起的： 1. 路由设置错误：Vue3使用了Vue Router来进行页面路由管理。如果在路由设置中没有正确定义"/"路径，就会出现此错误。请检查路由文件是否正确配置，并确保有一个指向根路径的路由。 2. 配置问题：这个错误也可能是由于Vue3项目的配置问题引起的。请确保您的项目的入口文件中有一个正确的根路径配置，并且需要正确设置服务器的运行环境。 3. 编译问题：在开发过程中，如果您修改了项目的路由设置或者其他相关文件，需要重新编译项目。可以尝试停止服务器，重新编译项目并重新启动服务器，看是否能够解决该问题。 如果上述方法都没有解决该问题，您可以尝试以下步骤： 1. 检查项目的依赖项是否安装正确。 2. 检查服务器是否正确运行。 3. 检查是否存在其他错误信息，如是否缺少某个模块或文件。 4. 查找相关的错误解决方案或者在开发社区中寻求帮助。 总结来说，"Cannot get /"错误通常是由于路由配置、项目配置或者编译问题引起的。请仔细检查相关配置和代码，并根据具体情况采取相应的解决方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值