vite构建项目后发布到Github pages 出现静态文件(js,css) 404错误

如题,个人使用的是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 ,然后提交到代码仓库等待一会儿重新访问,问题解决!

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×