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

Question

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

Answer 1

命令行那边报什么错呢？

---

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

Answer 8

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

Answer 9

检查代码吧，代码有问题才会这样！

Answer 10

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

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

Answer 11

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

Answer 12

我也遇到过这个问题

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

Answer 13

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

Answer 14

路由配置的问题

Answer 15

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

Answer 16

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

Answer 17

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

Answer 18

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

Answer 19

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

Answer 20

解决了，我这边是本地开发，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 //端口你可以自定义
  };