vue cli 使用npm run dev 报错Cannot GET /

图片描述

网上说端口被占用了,我Kill了端口,还是不行,
把port: 8080换成别的也不行,第一次运行还是好好的,从第二次开始,就报错了

回复
阅读 43.8k
20 个回答

命令行那边报什么错呢?


这是运行正常的截图 ,所以你npm run dev自动打开页面就报错的话,我觉得可能是依赖没安装完全或者 你再init一个新的项目试一下呢

clipboard.png

我刚遇到这情况,我是因为改了config/index.js里的dev: {assetsPublicPath: '/',}改成了assetsPublicPath: './' 。你看看是不是这里的原因。

新手上路,请多包涵

有两个环境,一个是build,一个dev,在config/index.js里面修改,build:{assetsPublicPath:'./'},dev里面不需要修改,dev:{assetsPublickPath:'/'}.我本来在window上面开发的,后面移到linux上面,刚开始报错,我就把dev里面的路径改了,不报错,但是浏览器提示cannot GET.怎么都找不到原因,就把dev路径改回去了,重新再npm run dev一次,就成功了。

新手上路,请多包涵

环境问题吧! 我公司的一个大牛帮我解决过 在.eslintrc.js 中 rules 属性中配置 window环境(如果你在win上运行错误的话) 'linebreak-style': ['error', 'windows'],图片描述

404是没找到页面,跟端口没关系。
感觉是你的路由不对,你具体到页面看看报什么错。

新手上路,请多包涵

应该是你路由没设置好。404找不到'/'路由页面,也许你设置的组件没写好?

404资源未找到,可能是你的router里面组件未正确导入.

新手上路,请多包涵

请问楼主您的问题解决了吗,我之前还好好的,执行npm run build之后拿到服务器上测试了还行,但是回来之后执行npm run dev 就报这个cannot GET/了,配置都还原回去了,还是不行,如果解决了可以告诉下吗,1256527506 谢谢了

检查代码吧,代码有问题才会这样!

我也遇到和楼主一样的问题,但是我的情况: 在服务器上跑报这个错误 Cannot GIT / 本地 pull 下来后 npm run dev
编译正常运行??? 这个是什么情况呢???? 如果说是代码有误或者路由设置问题,但是我本地确实是可以的呀 。。请指教。。

确实是路由问题,我的问题原因是: 服务器端文件命名大小不对,导致路由地址错误!。。从哪里发现的呢? git pull 看记录,修改提交到一个大写命名的文件中去,,,而我的是小写的,,,去服务器修改文件名保证提交文件名一致即可!

确认一下是不是有正确指定默认路由

我也遇到过这个问题

图片描述

图片描述

仔细看第二个图,第一个框的404s,并不是404 not found;第二个框是要运行的首页,cannot get是因为没有这个页面

新手上路,请多包涵

我在配置解决css里面background:url(),的时候修改了/config/index.js里的dev和build两个位置的 assetsPublicPath: './',但是只要修改build中就可以了,dev中的不要动

新手上路,请多包涵

路由配置的问题
clipboard.png

新手上路,请多包涵

我也是打包之后报错,---config/index.js中的 第二个改为 assetsPublicPath:'/'

其实是端口占用了,我关闭另一个服务,就没问题了,重新安装npm,升级npm都是无用功,先确保只有这一个服务,如果不是服务端口冲突,大多数都是服务端口冲突导致的,重启浏览器,关闭其他一切服务,ok

新手上路,请多包涵

config文件里的index.js里dev的路径不要改成./

新手上路,请多包涵

进到项目目录下 重新npm或者cnpm install一下

新手上路,请多包涵

这个原因可能有多种,我遇到的跟 @cegle 这位仁兄的一样。协作的项目,别人新增了依赖,更新 package.json 之后没有重新运行 npm install。运行一下就好了。

解决了,我这边是本地开发,http://localhost:8080 报Cannot GET /错误,本地加了一个index.html文件,在webpack.dev.config.js增加一个开发服务器配置:

module.exports.devServer = {
    contentBase: path.resolve(__dirname, './'),  // 定义页面文件的位置
    historyApiFallback: {
         rewrites: [
            { from: /./, to: '/src/vue/index.html' } // 指向我本地的html文件
        ]
    },
    hot: true,
    inline:true,
    port:8080 //端口你可以自定义
  };
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏