关于Vue-cli npm run build生产环境打包遇到的问题解答:

运行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,最后打开终于好了。

你可能感兴趣的:(关于Vue-cli npm run build生产环境打包遇到的问题解答:)