【vue】记录vue-cli打包前的操作

前言

当项目编辑好运行`npm run build`打包好后，将dist文件发给后台，但后台跑起来之后，发现页面一片空白，对静态资源的加载都显示404。什么原因呢？原来是打包前少了这两步。

①修改静态文件的路径

在config -> index.js 下，找到**build**，将其中的assetsPublicPath修改为

assetsPublicPath: './'                 //由'/'修改为'./'

②将环境设置为生产环境

在config -> index.js 下，找到**build**，将其中的productionSourceMap修改为

productionSourceMap: false             //由true改为false

最后

修改完之后重新打包`npm run build`即可。