在使用vue-cli的webpack-simple + vue-router时候，npm run build出来的东西不管用？

Question

如果我只是单单地使用webpack-simple的话，build出来的东西是可以直接通过index.html访问的，但是如果结合了vue-router的话就不行了，提示这样的错误：

但是如果直接npm run dev的话，路由啥的都是正常的，这是为什么呢？
这是我的项目目录：

Answer 1

你要serve根目录才行
npm install -g anywhere
然后在根目录anywhere一下

Answer 2

从你的错误看，你应该是直接打开index.html了。使用任何路由功能的时候，最好使用npm run dev，他会启动一个微型的静态服务器来serve你的请求，这也是最好的方式。

至于直接打开文件为什么不工作，我的建议的别研究了，就算你真搞出来也没有任何意义，网站始终是需要服务器来serve的，不是靠直接打开文件来访问的

补充：

把你的webpack.config.js里的publicPath改成dist/，前面那个/去掉，再试试

Answer 3

npm run dev 用 http://localhost:8080 访问

用服务器访问, 不能直接双击打开

Answer 4

修改你的项目配置

config/index.js

// 这里置为空
assetsPublicPath: ''

// 重新打包
npm run build

就可以以文件的形式打开了

Answer 5

我猜因为index.html中资源的url是/开头
必须以web服务方式打开
而你用文件方式打开了index.html