Render.com部署JS文件404错误求助(本地VS Code运行正常)
解决Render部署前端JS文件404错误的方案
1. 修正脚本引用路径
本地VS Code Live Server以项目根目录作为静态文件根,所以/public/JS/xxx.js能正常访问,但Render部署时,若将public文件夹设为静态根目录,路径里的/public前缀就多余了。修改脚本引用为:
<script type="module" src="/JS/setupCart.js"></script> <script type="module" src="/JS/app.js"></script>
2. 确认Render的发布目录配置
登录Render控制台进入应用设置,检查Publish Directory是否设置为public。如果误设为项目根目录(比如.),Render会从根目录查找/public/JS/...,但实际文件存放在public/JS/下,导致路径不匹配。将发布目录改为public后,/JS/xxx.js会正确映射到public/JS/xxx.js。
3. 验证文件大小写(可选)
Render运行在Linux环境,文件名与文件夹名区分大小写。确认脚本里的JS和仓库中实际的文件夹名大小写一致(从你的GitHub仓库来看是匹配的,后续修改需注意保持一致)。
4. 重新部署应用
修改配置或代码后,在Render控制台手动触发重新部署,确保新配置和代码生效。
内容的提问来源于stack exchange,提问作者user16597057
相关产品推荐
相关产品推荐

