vue项目 npm run build 打包静态项目问题，一步到位的操作

这次是第一次做vue项目，什么都不懂，过程中也遇到很多问题，每一次解决了就习惯性的写篇文章记录下来，以免下次再遇到，这次项目终于写完了，要打包上线，发现直接 npm run build 打包之后，index.html 页面打开空白，检查发现引用的文件都报错了，百度方法，不报错了，但是index依然空白，还有项目打包时报错的问题，经过几十个标签页的学习，如果在打包后出现问题，把该修改的内容以及经该添加的内容都操作一遍，再打包好了，省心！以下是具体操作：

解决index.html打开引用文件报错的问题：

1.首先修改 config/index.js ： productionSourceMap: false,  以及   assetsPublicPath: './',

2.其次修改 build/webpack.prod.conf.js ：在 output 中，添加： publicPath:'./',

 

解决图标失效的问题：

3.然后修改 build/util.js ： generateLoaders 方法中第二个if判断中，添加 ：publicPath:'../../'

 

解决index.html引用文件不报错（可能出现），页面依然空白的问题

4.最后修改 router/index.js ：把mode:"history" 注掉

以上步骤完成后，再运行 npm run build 打包项目，应该就没有什么问题了，打包完成后生成的文件在dist下面

访问 index.html 就直接找到项目的文件夹，找到dist的 index.html 右键，在浏览器中打开就好了。