如题,个人使用的是vue-next-admin这个开源项目
在执行
npm run build
之后,将dist文件夹下的内容全部提交到github仓库后,开启github pages(不包含dist文件夹,即dist文件下的内容全部提交到代码仓库)
访问项目报错出现空白页
F12 console报错如下
GET https://ong-ing.github.io/demonstration/assets/js/_plugin-vue_export-helper-c27b6911.js net::ERR_ABORTED 404
其他js和css文件访问正常,留意这个文件名的特殊格式,这个就是坑的所在!
解惑
问题就出现在这个以下划线做开头的文件名上,github pages默认采用nojekyll作为模板,而这个下划线在nojekyll中是一个特殊字符,所以导致访问失败
解决办法
在项目根目录下新增一个空白文件,文件名就叫 .nojekyll ,然后提交到代码仓库等待一会儿重新访问,问题解决!