运行npm run build 出现如下提示:
Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.
即这些生产环境代码文件(在执行build基于开发环境代码生成),需要放在http服务器上才会有效。
根据网上提示做了以下更改:
(为了看着清楚,复制了网页上的图片。)
1.在vue-cli的默认配置中, 把 assetsPublicPath: '/' 改成 assetsPublicPath: './'
2、解决了页面空白问题之后会出现 css 样式的图片不显示问题,那么在 build 的目录下的 utils.js 件添加 publicPath: '…/…/' 重新打包即可。
3,需要一个简易的零配置的http服务器,推荐安装
npm install -g http-server
比如你的生产代码位于当前dist目录下,你可以这样:
http-server ./dist
4,最后打开终于好了。