vue项目上传github后GitHub Pages地址访问空白

原因一

可能是没有上传dist文件

解决办法

1、在项目中执行 npm run build 将vue项目打包
2、在.gitignore文件中删除掉 /dist/，就是允许上传dist文件（.gitignore中的文件都是默认上传到远程仓库的）
3、然后直接push 就可以将dist文件一起上传了
4、最后在生成的GitHub Pages地址后面拼接上dist下面的index.html的路径，就可以访问了

原因二

路径配置不对

即运行 npm run build之后 ，自己在本地文件中打开dist下面的 index.html 时也是空白的页面

解决办法

修改config文件夹下面的index.js文件中的路径，将之前的 assetsPublicPath：‘/’ 改为： ‘./’

然后重新打包，再上传代码，重复问题一里面的步骤即可。