一、修改后端express配置：

编辑bin/www修改端口号为80（当然如果喜欢域名中带有端口可以不修改，推荐修改）。输入：vim bin/www。显示如图：

二、检查后端express中的view下的index.html存在与否，若存在对比web代码中的index.html是否一样，若不一样，将web代码中的index.html覆盖掉view/index.hmtl。（我的不一样，所以，覆盖。）如图：

三、清空后端express中public下的所有文件：

四、现在开始配置web代码，首先配置config下的index.js的文件配置，修改相对路径和配置不打包map文件。

具体做法是将config文件夹-index.js中的assetsPublicPath: './'要改为当前目录而不是'/'根目录'。以及关闭map压缩：将productionSourceMap修改为false（默认是true）。如图：

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

六、修改build-webpack.prod.conf.js,解决不同模板下的components下的文件CSS可以使用的问题。如果没有这个cssProcessorOptions: { safe: true }的配置，就会导致css问题。所以添加就ok。

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

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

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

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

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

十一、如果出现vendor.js文件的代码报错：如图

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

十二、如果出现打包的一下错误：

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

}

十三、打包报错：

安装对应即可。