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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。