那些年我们在Vue中踩过的坑--打包后发现index.html为空白

项目中使用的是vuecli3,项目完成后，执行npm run build打包，发现dist文件夹中index.html运行到网页上是空白的，这个要怎么解决的那？

原因：是因为打包后，项目文件的路径出现了问题，打包后使用的是绝对路径，绝对根目录路径，所以造成我们的资源无法被正常的解析。

解决办法：要使打包后的文件使用相对路径。
在vuecli3项目中新建vue.config.js文件，配置如下：

module.exports{
   publicPath:"./"    //将publicPath:''/"  在/前面加上.
}

之后将原来打包的文件删除掉，然后npm run build重新打包，index.html空白问题解决。