vue-cli发布版本时，打包问题的正确解决方案

1、修改后端express配置：
编辑bin/www修改端口号为80（固然若是喜欢域名中带有端口能够不修改，推荐修改）。输入：vim bin/www。显示如图：

2、检查后端express中的view下的index.html存在与否，若存在对比web代码中的index.html是否同样，若不同，将web代码中的index.html覆盖掉view/index.hmtl。（个人不同，因此，覆盖。）如图：

3、清空后端express中public下的全部文件：

4、如今开始配置web代码，首先配置config下的index.js的文件配置，修改相对路径和配置不打包map文件。
具体作法是将config文件夹-index.js中的assetsPublicPath: './'要改成当前目录而不是'/'根目录'。以及关闭map压缩：将productionSourceMap修改成false（默认是true）。如图：

5、修改build-webpack.base.conf.js，解决引入字体图标，好比font-awesome的图标路径出错的问题，在webpack.base.conf.js里面修改limit要改大，把10000改成90000。如图：

6、修改build-webpack.prod.conf.js,解决不一样模板下的components下的文件CSS可使用的问题。若是没有这个cssProcessorOptions: { safe: true }的配置，就会致使css问题。因此添加就ok。

7、修改web-src-router-index.js,去掉mode：history，解决发布版本页面不能刷新问题。

8、好了，如今锅已热好，就等上菜了。开始执行npm run build。生成一个dist文件。（备注：web目录下有个static空文件，不要删）。

9、将dist上传到后端express（个人后端是express），将static和index.html放在public目录下。启动后端服务器。在浏览器输入ip地址便可。

10、若是出现ionicons文件资源找不到的问题，如图所示：

那么在 build/webpack.prod.conf.js 中,将里边的 extract改成false,默认是true。如图：

11、若是出现vendor.js文件的代码报错：如图

进入src修改其中的vue文件的axios的地址为正确格式。

12、若是出现打包的一下错误：

解决方案为：安装npm install --save-div babel-preset-es2015，而且修改build-webpack.base.conf.js文件同时根目录下添加【.babelrc】文件，文件内容为{"presets": ["es2015"]}
}

十3、打包报错：

安装对应便可。