Vue项目打包之后页面空白的具体原因及解决办法

本地运行时，页面还是正常的。但在使用npm run build对项目进行打包之后，index.html打开之后一片空白。

解决办法

1. 修改config下的index.js文件。找到build将assetsPublicPath默认路径修改为'./'
   
   修改之后再运行npm run build之后就会正常显示了
2. 将路由模式history改成hash模式，改为mode: "hash"。路由默认配置为hash。