springboot中引入静态资源路径问题Failed to load resource: the server responded with a status of 404 ()

已于 2024-05-23 23:27:50 修改
阅读量2.5w 收藏 11
点赞数 13
CC 4.0 BY-SA版权
分类专栏： SpringBoot 文章标签： springboot静态资源
于 2019-01-13 02:39:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/caidingnu/article/details/86391331
本文介绍了SpringBoot中遇到静态资源加载失败的问题，错误表现为服务器响应404状态码。问题根源在于静态资源路径设置不正确。解决方法是遵循SpringBoot的约定，将静态资源放在'static'目录下，从该路径开始引用资源。通过调整资源引用路径，可以成功加载静态文件。

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

错误如下：

原因：路径问题

解决办法：

**静态资源的的当前路径是在static下，springboot是约定高于配置，约定静态资源的当前路径在static下，所以开始路径为static的下级开始即可

如：

博主开源仓库 

接入谷歌AdSense后浏览器控制台报错：Failed to load resource: the server responded with a status of 403的原因及解决办法、
任聪聪的博客
06-01 2456
本篇文章主要讲解，接入谷歌AdSense后浏览器控制台报错：Failed to load resource: the server responded with a status of 403 ads 的原因及解决办法。日期：2023年6月1日作者：任聪聪。
【异常】Failed to load resource: the server responded with a status of 413 (Request Entity Too Large)
本本本添哥
02-04 6700
Nginx这一层限制了上传文件的大小
Failed to load resource: the server responded with a status of 404 ()
yandajiangjun的博客
03-17 2674
错误提示如以下几种情况: 1.1：GET http://localhost:8080/TomcatWeb/css/bootstrap.min.css net::ERR_ABORTED 404 1.2：Failed to load resource: the server responded with a status of 404 () 1.3：DevTools failed to load SourceMap: Could not load content for http://localhost:8
abp.swagger.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
最新发布
m0_57700068的博客
06-04 673
若ABP脚本存放于非wwwroot目录（如staticFileProvider = new PhysicalFileProvider(Path.Combine(env.ContentRootPath, "static")), // 自定义目录RequestPath = "/static" // 请求路径前缀（如通过/static/abp.js访问）});在.NET 8中，ABP框架的静态资源（如abp.js）必须通过显式启用中间件才能正常访问。
【报错问题】Failed to load resource: the server responded with a status of 404
weixin_44174312的博客
03-29 5948
若继续遇到问题，可以继续提供详细错误，我帮你继续排查。，说明你没有在请求中指定完整的后端地址。按上述步骤检查和修改后，问题即可解决✅。接口在后端并未正确实现或暴露。检查项目中以下文件是否已经从。检查后端是否已经实现了。
java.lang.IllegalArgumentException: id to load is required for loading解决方法
pdh822407904的专栏
02-16 3万+
原因一：出现这个异常的是使用struts标签进行传值导致的，如： 删除 修改 使用上面的方式传id则出现java.lang.IllegalArgumentException: id to load is required for loading异常，导致id为null，究其原因是因为木有将id的值传递过去 改成 删除 修改 则可以不会出现这个异常 原因二：在调用有关
Failed to load resource: the server responded with a status of 404 问题解决方法
weixin_60246228的博客
03-21 8447
在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”，导致返回的数据无法转化，前端仍然认为后端返回的是页面。
springboot使用thymeleaf模板时加载网页出现Failed to load resource: the server responded with a status of 404
m0_46415190的博客
06-02 1797
解决方案 出现这个问题一般是因为我们的static的静态资源导出的问题，对应的那些css js images 我们需要放在resources目录下的static目录下。 还有就是值得注意的是因为使用了thymeleaf模板的原因，在对应的引用以及地址栏那里需要使用对应的语法才能导入static的资源。示例如下： 关于thymeleaf语法的使用可以参考这篇文章。 css前面的那个/一定要记得加，因为/就相当于static/这个目录，所以一定要记得加，我以前使用thymeleaf写网站时就出现过这种情况，
SpringMVC___静态资源配置
weixin_30591551的博客
05-29 524
在SpringMVC中，你可能会遇到访问页面的时候，发现所有静态资源被拦截，那是因为在默认情况下，所有的静态资源都会被拦截（js，css。html，图片、视频、音频）对于静态资源，需要手动配置静态资源过滤。 两种解决方案： 一、web.xml配置 <servlet-mapping> <servlet-name>default</servlet-name...
js报错：Failed to load resource: the server responded with a status of 404 (Not Found)：
热门推荐
老衲的少女心i~
04-07 16万+
报错： 报错截图： 文字提醒： Failed to load resource: the server responded with a status of 404 (Not Found) :8020/favicon.ico:1 翻译： 加载资源失败:服务器响应404 (Not Found):8020/favicon.ico:1 解决方法： 经常会遇见这个问题，在我自己写js的时候。 ...
【页面错误】Failed to load resource: the server responded with a status of 404 ()
qq_44152447的博客
02-01 1945
自用
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)这个错误表示，服务器无法找到您请求的资源。具体来说，这意味着您尝试访问的网页或文件在服务器上不存在，因此服务器无法为您提供该资源。这个错误通常出现在你试图访问一个不存在的网页或者你输入了一个错误的网址。也有可能是服务器的配置出现了问题，导致无法访问该资源。
the server responded with a status of 404 (Not Found)
夏至的博客
05-26 8万+
count(*)不能分开写
Failed to load resource: the server responded with a status of 404 (Not Found)
m0_49416118的博客
09-09 6421
问题：vue 项目打包后访问不到页面 报错Failed to load resource: the server responded with a status of 404 (Not Found) 原因：没有暴露静态资源 解决： 在项目的根目录下创建一个vue-config.js文件。 代码如下： const path = require(‘path’) function resolve(dir) { return path.join(__dirname, dir) } module.exports =
Failed to load resource: the server responded with a statuscount:1 Failed to load resource: the server responded with a status of 404
08-23
出现"Failed to load resource: the server responded with a status of 404"的错误是因为浏览器无法加载特定的资源。这可能是由于以下原因之一引起的：服务器上的资源不存在、路径设置错误或者权限问题。根据你提供的引用内容，有两种解决方案可以尝试解决这个问题。 方案一是修改配置文件中的assetsPublicPath。你可以找到config文件夹下的index.js文件，在该文件中找到assetsPublicPath的配置项，并将其修改为"./"。这样可以确保资源的路径正确。 方案二是检查文档解析类型。文档解析类型(document.compatMode)可以避免浏览器的怪异模式。在标准模式下，浏览器使用W3C的标准解析和渲染页面。检查一下你的页面是否有正确的DOCTYPE声明，如果没有声明的话，浏览器会按照自身的方式解析和渲染页面，导致显示样式的差异。 请根据上述两种方案尝试解决问题，根据具体情况选择适合的解决方案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue打包npm run build时候界面报错的解决](https://download.youkuaiyun.com/download/weixin_38626943/13128820)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Failed to load resource:the server responded with a status of 404()](https://blog.youkuaiyun.com/weixin_58226945/article/details/126776212)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蔡定努

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值