Vue打包遇到的问题

使用命令npm run build打包vue项目之后提示 ：
Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won’t work
解决方法：
（1）文件路径问题，这里的解决方法是：
打开config文件夹下面的index.js，看清楚是 build（上边还有个dev 是开发环境下的配置，不需要改动）下的 assetsPublicPath ：将‘/‘改为‘./’

（2）背景图片路径错误，这里的解决方法是：
打开根目录build文件夹中的utils.js文件，在下图中标出的位置中添加publicPath: ‘…/…/’

（3）项目打包后dist文件夹下的index.html引入文件没有引号，这里的解决方法是：
找到build文件夹下的webpack.prod.conf.js文件，在webpack.prod.conf.js找到new HtmlWebpackPlugin中的minify，把minify中的 removeAttributeQuotes: true改为 removeAttributeQuotes:false

弄好后，dist目录下的index.html就可以在浏览器上打开。