Github.io部署nuxt.js生成的静态文件404问题解决方法

最新推荐文章于 2024-08-05 09:59:45 发布

Capricorncd

最新推荐文章于 2024-08-05 09:59:45 发布

阅读量3.3k

点赞数 1

文章标签： github.io nuxt.js 404 node.js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/Yagizacd/article/details/110921654

版权

本文介绍了在将Nuxt.js项目部署到Github.io后遇到的404错误问题。问题表现为_nuxt/*.js等静态文件无法访问。作者推测原因是特殊文件名触发了Github.io的限制。解决方法包括使用Node.js重命名_nuxt文件夹为其他名称，同时更新nuxt.config.js和package.json的相关配置。详细代码和部署示例已提供。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

现象

使用Nuxt.js开发的个人页面，部署到Github.io后，_nuxt/*.js等静态问题不能访问，提示404错误。

在这里插入图片描述
js文件实际上市存在的

在这里插入图片描述

原因推测

nuxt generate后的文件名(_nuxt/*.js)比较特殊，触发了Github.io的 content-security-policy，所以被禁止访问。

在这里插入图片描述

解决方法

使用Node.js修改nuxt generate 后的文件夹名称。把_nuxt 改成 static 之类的。

同时nuxt.config.js也做相应的修改。

nuxt.config.js

最低0.47元/天解锁文章

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。