web项目中父页面加载子页面报Failed to load resource: the server responded with a status of 404 (Not Found)

最新推荐文章于 2025-06-23 09:50:00 发布
原创 最新推荐文章于 2025-06-23 09:50:00 发布 · 10w+ 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在前端开发中，当父页面加载子页面时出现的路径错误问题及解决方案。通过调整子页面的引用路径，从相对路径改为绝对路径，即在父页面中将子页面的引用路径更改为'/项目名/layui/xx.js'，成功解决了加载时报错的问题。

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

父子页面单独打开，不报错，但是父页面加载子页面时，报这个错。

子页面引用路径：

 

父页面home.html加载子页面时，把子页面的引用路径，改成     /项目名/layui/xx.js就好了。

归根结底，是路径的事。

Failed to load resource: the server responded with a status of 404 (Not Found)
郭宝的博客
08-19 1万+
背景： 在通过 npm run build 对vue项目进行打包时，出现了该错误信息： 解决办法： 提示： 无法加载资源：服务器的响应状态为404（未找到），出现了该错误，那么可以打开项目根目录下的vue.config.js文件，然后将 publicPath: '/', 改为 publicPath: './', 即可 ...
Eclipse正常SSM项目导入idea只能显示首页无法登录错误Failed to load resource: the server responded with a status of 404原因
wh445306
10-28 1216
导入完成跑起来首页是出来了，验证码也出来了，但是点验证码就黑线歇菜了各种无响应，开启js debugger，控制台调试显示如下错误： Failed to load resource: the server responded with a status of 404 () 查了很久原因才想起来是因为项目主目录变成了cms_web_exploded 我默认在Eclipse下的项目主目录名是cms，怪不得，因为很多html页面里面ajax调用后台数据接口写的类似cms/res/js/login.js这样的连
layer.css 报错Failed to load resource: the server responded with a status of 404 ()
xiaobozhang1993的博客
01-24 2077
layer.css 报错Failed to load resource: the server responded with a status of 404 () 这里引用了layui.js导致，改为layer.js解决。真的是疏忽了 <script src="<%=path%>/static/plugins/layer/layer.js"></script>
layui使用时，页面Console出现404 Failed to load resource: the server responded with a status of 404 ()
watch_the_sunset的博客
06-23 4816
@在springboot项目中，layui使用 时，css，js引用代码路径正确，前台页面console却显示 js，css 404 下面是关于我，layui使用时的问题，与解决办法，如有问题请提出谢谢！ 1，在开发工具中，我的js，css可以正确找到，路径么得问题的， 2，在我的页面，connsole信息上却显示，js，css 404 路径有问题，怎么可能！开玩笑吧 3，问题是springboot不知道去哪找资源。所以开发工具里面，路径没问题只是，它正常工作而已，但springboot找不到资
若依前端报错:Failed to load resource: the server responded with a status of 504 (Gateway Time-out)
SSHLY3的博客
06-23 1356
同时，要考虑到若依框架的特殊性，比如它使用微服务架构，可能需要检查各个服务的状态和配置。首先，网关超时可能是因为后端服务处理请求的时间过长，超过了网关设置的超时时间。比如，若依的网关可能用了 Nginx 或 Spring Cloud Gateway，默认超时时间可能较短，而某个接口处理耗时超过了这个时间。其次，后端服务可能过载，比如 CPU 使用率过高、内存不足，导致无法及时响应请求。当网关向后端服务转发请求时，后端服务超过网关设置的超时时间仍未响应，网关主动断开连接并返回 504。
web项目资源路径找不到 | Failed to load resource: the server responded with a status of 404 () | Uncaught Refe...
weixin_30421809的博客
09-19 848
由第二版衍生的最简单粗暴直接爽快的处理方式，删除out目录下对应项目部署的文件夹，重启服务器（如果部署的文件没了会自动重新编译），问题解决！... 最下面的第一版解决方式，很繁杂，但是等我做完之后回头看，发现自己费那么大劲，原来找的只是IDEA的out目录下的内容，所以此处给出第二版答案 去你的IDEA对应项目路径的out文件夹下，按照你的项目的部署包的名，下面就是你项目的真实部署路径...
JavaWeb项目报错Failed to load resource: the server responded with a status of 404 ()
weixin_41996632的博客
01-22 2万+
本次出现这种问题经调试前后台都是通的，后来发现后台返回值时的注解有问题，根据前台报错找到后台访问接口，如下 后台缺少一个注解@ResponseBody ...
layer 父页面 调用子页面方法报错
emmmmmm的博客
04-13 2464
1.现象：浏览器控制台报错  Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "null" from accessing a cross-origin frame.2.错误原因：不允许跨域（https:...
Failed to load resource: the server responded with a status of 404 (Not Found) video.jpg:1 Failed to load resource: the server responded with a status of 404 (Not Found) /templates/sxxny/images/video.mp4:1 Failed to load resource: the server responded with a status of 404 (Not Found)
07-23
1. 如何解决Web开发中常见的404资源加载失败错误？ 2. 在部署网站时，如何确保静态资源文件被正确上传和引用？ 3. 服务器配置中如何设置MIME类型以支持MP4等视频文件的访问？ 4. 前端项目中如何处理资源路径以避免...
Failed to load resource: the server responded with a status of 404 (Not Found) wy1hfuoc0j2s6nn1543252022.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) logo_inverse_white_206px.png:1 Failed to load resource: the server responded with a status of 404 (Not Found)
最新发布
07-23
### 检查图片路径配置 Fecmall 使用 Yii2 的资源管理...查看浏览器控制台（F12）中的网络请求，确认图片请求的 URL 是否正确、是否返回 404 或 403 错误。同时检查服务器的访问日志和错误日志，定位具体问题。 ---
layui.js报Failed to load resource: the server responded with a status of 404 (Not Found)
12-19
Layui.js报错"Failed to load resource: the server responded with a status of 404 (Not Found)"通常意味着请求的资源（如CSS或JavaScript文件）未被服务器找到或路径不正确。这可能是以下几个原因导致的： 1. **...
Failed to load resource: the server responded with a status of 404 (Not Found)啥意思
热门推荐
CreeSteve的博客
04-15 6万+
Failed to load resource: the server responded with a status of 404 (Not Found)这个错误表示，服务器无法找到您请求的资源。具体来说，这意味着您尝试访问的网页或文件在服务器上不存在，因此服务器无法为您提供该资源。这个错误通常出现在你试图访问一个不存在的网页或者你输入了一个错误的网址。也有可能是服务器的配置出现了问题，导致无法访问该资源。
关于Failed to load resource: the server responded with a status of 404 (Not Found)报错原因
黄小堆
03-22 1万+
问题： 解决：后台的朋友给了个解决方案：配置下服务器的Mime类型这个类型 <staticContent> <remove fileExtension=".woff"/> <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> <r...
Failed to load resource: the server responded with a status of 404 (Not Found) --引入jQuery插件问题
crudby的博客
11-30 6万+
在前端页面做一个将table内的数据保存到库里的需求，因为对前端不是很精通所以在百度找了jQuery的插件--tabletojson，还挺好用的，在本地测试已经跑成功了，数据存入没问题，在发布到服务器后出现了问题，在浏览器调试时： Failed to load resource: the server responded with a status of 404 (Not Found) 然后就...
前端JQuery引入不成功报错Failed to load resource: the server responded with a status of 404 (Not Found)；
qq_51165365的博客
07-27 4540
分析：编译器的与相对路径理解不够，存在理解偏差，对VScode运行项目与相对路径本质不够理解。将JQuery放在a文件夹子目录，修改正确路径即可 总结，项目资源尽量放在项目文件夹下，（本文没有尝试绝对路径是否影响）运行的是A,本地资源文件就全部放入A下，本文没有尝试绝对路径是否影响。
jsp加载jquery报错：Failed to load resource: the server responded with a status of 404 (Not Found)
muyebp的博客
10-03 1851
昨天页面疯狂报错，一直提示无法加载jquery文件。今天才反应过来，项目是用springmvc的框架，忘记设置静态资源放行导致报错。 在springmvc配置文件加上如下一段话，放行对js文件夹下jquery的请求，页面就能正常使用了！ <mvc:resources location="/js/" mapping="/js/**"></mvc:resources> ...
tomcat访问出现404错误
liuhangsheng的博客
05-07 5243
这个问题很头痛，百度谷歌github都查了，结果还是不能解决。当我准备把workspace空间全部删除时，我看见D:\JAVA_workspace\.metadata\.plugins\org.eclipse.wst.server.core这个目录，我很好奇的点了进去，然后好奇的把这层目录底下的temp0目录给删了。结果歪打正着..........成功运行出页面  当然，百度谷歌github也不是...
Failed to load resource: the server responded with a status of 404 问题解决方法
weixin_60246228的博客
03-21 8494
在springboot项目测试时，后端明明可以正常工作返回数据。而前端出现“Failed to load resource: the server responded with a status of 404 () index.js:22 error:Error: Request failed with status code 404”该问题的处理方法是，在后端控制器类中“@Controller”没有改成“@RestController”，导致返回的数据无法转化，前端仍然认为后端返回的是页面。
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值