Vue项目打包后提示Opening index.html over file:// won't work.

最近使用npm run build 打包Vue项目是出现报错如下:

百度翻译:

提示:构建的文件应该通过HTTP服务器提供服务。

在文件:/上打开index.html不起作用。

它提示提示:建立文件是放在一个HTTP服务器。打开index.html文件:/ /不工作。当直接使用浏览器打开文件时,浏览器控制台会报错

因为vue-cli的默认配置中, publishPath是用绝对目录

于是寻找解决办法,如下:

改config\index.js中的build的对象
assetsPublicPath: '/',

改为
assetsPublicPath: './',
即可

当然也可以在dist,执行以下命令:

cd dist
npm install -g http-server
hs

 

你可能感兴趣的:(Vue总结,前端开发知识)