SpringBoot+html加载不出来静态资源的一种可能原因，附上解决办法

最新推荐文章于 2025-03-21 08:47:38 发布
最新推荐文章于 2025-03-21 08:47:38 发布
阅读量2.3k 收藏 3
点赞数 2
文章标签： spring boot 后端 过滤器 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/KEVINYAHNG/article/details/110290306
版权

关于Springboot 加载html静态资源失败的可能原因

今天在写代码的时候发现运行我的网页之后怎么也加载不出图片，废话不多说，上图：

加载图片失败的运行页面
运行失败的结果图

静态资源的存放目录
在这里插入图片描述

html代码引用的路径
在这里插入图片描述

网络上查阅了很多资料，有包括设置虚拟路径的，也有设置application.yml默认路径的，都不起作用。我把目光转向了我写过的过滤器。

把不需要过滤路由请求数组中添加一个能够访问我图片的路由，这样在过滤器无需过滤就能够访问到我的静态资源
在这里插入图片描述

抱着试一试的心情运行，没想到成功了！！！！
在这里插入图片描述

以上教训告诉我们，写了过滤器或拦截器要特别注意把你不需要过滤的资源进行不用过滤或拦截的声明，否则会出一些非常浪费时间但又不那么大的错误

KEVI~N
关注
Springboot+vue整合
weixin_44427407的博客
12-31 2万+
SpringBoot+Vue实战–博客管理 ​ 这段时间决定自学Vue并使用Springboot框架整合Vue项目。终于，再不懈的努力下，终究完成了一个个人博客系统。基本实现了，个人的添加博客模块，删除博客模块修改以及删除模块。下面就开始简单的介绍这个项目 Vue部分： ​ 现在主流都是前后端分离，各自完成自己部分，最后合并。vue是一个应用广泛的前端框架。本次博客管理系统的前端部分就是使用的vue。 对于Vue项目，首先就要使用脚手架创建vue项目，脚手架创建项目的方式有很多种.
去中心化Java,Springboot+web3j完成去中心化的区块链应用
weixin_35625676的博客
03-12 1122
Springboot+web3j完成去中心化的区块链应用简单分析下本人的小小开发经历，当初自己学习的时候翻看很多资料也一头雾水，白花了很多力气，这里进行简要总结，希望为大家带来帮助。前期准备如下：IDEA，你的后台编辑器；Geth，你的以太坊区块链本地客户端；不需要数据库，因为数据可以存储在区块链之上,当然你可以加上。在线编辑器remix，用来使用solidity语言编写智能合约。http:/...
Vue编写的页面部署到springboot网站项目中出现页面加载不全问题
weixin_44743583的博客
07-25 807
  问题描述: 在用Vue脚手架 编写出一个页面之后, 部署到后台项目中, 因为做的是一个页面 按理来说 怎么都能够在服务器上运行 , 我也在自己的node环境测试 , 在同学的springboot上运行 ,但是放到公司的大项目中就出现了问题 只能加载出来头部内容 , 其他内容消失不见了 发现问题所在 F12 我F12查看界面结构 , 发现App.vue 这个文件的内容都加载出来了 , 其他的组件还有一些其他的东西都没有 . 需要重写 我不得不重新编写一遍 , 这次不使用脚手架 , 就像 jque
关于springboot整合springsecurity，加载vue.min.js 等静态资源 无法加载
weixin_45804157的博客
05-01 663
今天偶然试了试，基于springboot的开发，开发的初想是 不进行前后端分离，通过thymeleaf 模板引擎进行渲染，基于vue进行开发，通过mvvm的模型，进而更改好的操控数据 但是在开发的时候，遇到一个问题，vue一直没有渲染，v-on等命令也没有起作用，查看控制台发现，静态资源一直没有加载出来，通过反复的查找静态资源的路径，始终也没有发现错误在哪。 最后发现,springsecurity和mvc 对于静态资源进行了拦截。 在WebMvcConfig中，释放静态资源路径 @Configura.
【springboot+html实现分页效果】以图书列表为例
Anmory的博客
03-21 354
springboot分页实现
关于自己创建好springboot项目后，只写了html但是启动页面无法加载（404）问题
yummynuomiji的博客
06-30 497
404
springboot html更新,SpringBoot为什么没有加载.html?
weixin_42131443的博客
06-10 184
我有添加html的依赖org.springframework.bootspring-boot-starter-thymeleaf.yml也有相关的配置spring:session:store-type: redisthymeleaf:cache: falseprefix: classpath:/templates/suffix: .htmlcontent-type: text/htmlencodi...
网页静态图片资源显示不出来 需要刷新才能显示
qq_36892712的博客
06-26 2122
如果静态图片资源在一开始无法显示，需要刷新才能显示，可能是以下几个原因导致的：资源路径错误：检查静态资源的路径是否正确。如果路径错误，浏览器会返回 404 错误，无法显示图片。可以在浏览器的开发者工具中查看网络请求的状态，检查资源是否被正确加载。缓存问题：浏览器会将静态资源缓存到本地，以便下次访问时更快地加载。如果浏览器已经缓存了静态资源，但资源已经被修改，可能会导致无法正常显示。可以尝试清除浏览器缓存，或者使用 Ctrl+F5 强制刷新页面。
用Springboot+web3j完成去中心化的以太坊区块链应用（附带实战案例）
qq_41357962的博客
07-31 4847
Springboot+web3j完成去中心化的区块链应用去中心化的开发流程基础准备核心开发区块链java程序具体案例 去中心化的开发流程 简单分析下本人的小小开发经历，当初自己学习的时候翻看很多资料也一头雾水，白花了很多力气，这里进行简要总结，希望为大家带来帮助。 基础准备 前期准备如下： IDEA ，你的后台编辑器； Geth ，你的以太坊区块链本地客户端； 不需要数据库，因为数据可以存储在区块链之上,当然你可以加上。 在线编辑器remix，用来使用solidity语言编写智能合约。 http://re
Activiti7工作流+SpringBoot（上）
Firstlucky77的博客
06-08 1690
    Activiti是基于Apache许可的开源BPM平台，创始人Tom Baeyens原是JBPM架构师，可以理解为与JBPM出自同一祖师爷。它提供了Eclipse插件，开发可以通过插件直接绘制业务流程图。基于Spring，ibatis等框架，并在此之上构建了非常清晰的开发框架。是由Alfresco软件发布的业务流程管理（BPM）框架，它是覆盖了业务流程管理、工作流、服务协作等领域的一个开源的、灵活的、易扩展的可执行流程语言框架。 本文基于Activiti7的Activiti Core，基于Sprin
Activiti7工作流+SpringBoot
热门推荐
qq_40451631的博客
12-10 9万+
一、Activiti介绍： Activiti是基于Apache许可的开源BPM平台，创始人Tom Baeyens原是JBPM架构师，可以理解为与JBPM出自同一祖师爷。它提供了Eclipse插件，开发可以通过插件直接绘制业务流程图。基于Spring，ibatis等框架，并在此之上构建了非常清晰的开发框架。是由Alfresco软件发布的业务流程管理（BPM）框架，它是覆盖了业务流程管理、工作流、服务...
Spring Boot||html页面的css等资源加载失败
qq_43543920的博客
04-08 1746
背景 这几天在用spring boot 框架来实现一个网站，静态页面已经写好，创建完成spring项目后将html文件、css等资源文件分别扔到了/项目名称/src/main/resources/templates、/项目名称/src/main/resources/static路径下。如图 问题描述 我在写好相关地址映射方法后，尝试运行该项目，访问对应路径后发现，页面可以正常加载，但相关资源加载失败。截图如下 问题定位 1，一开始检查了application.properties文件和pom.xml文件
html静态资源加载404,spring security访问静态资源文件出现404
weixin_30811273的博客
06-03 768
根据《Java EE开发的颠覆者 Spring Boot 实战》来学习Spring Security，然后照着书上的代码去敲，发现了很多书上写和实际情况不一样的地方。书上的User实体类还可以实现接口，而我如果实现接口UserDetails，一运行就会报错，解决办法是新创建一个MyUserDetails去继承User实体类，然后实现UserDetails接口。书上说Spring Boot针对Spr...
springboot使用thymeleaf模板渲染html，报错“whitelabel error page,type=not found,status=404”
gesanghua601的博客
02-13 3541
初学spring boot使用thymeleaf模板渲染html，但是报错了，如下图从控制台调试信息知道，进入请求方法，但是请求返回失败。。。。demo代码目录如下关键代码如下：@RequestMapping("/indexPerson") public String indexPerson(Model model) { System.out.println("okkokokook"); ...
springboot配置html页面数据,SpringBoot集成Jpa,渲染html页面
weixin_39913422的博客
06-03 414
SpringBoot集成Jpa,渲染html页面项目架构：Springboot+Mysql+JPA+Thymeleaf，自动生成表结构，此项目只讲干货，无过多描述性文字，如需下载完整的Demo，文章底部有下载链接。项目分为以下几步：添加所属依赖，创建数据库，创建dao层，在controller中返回页面。第一步：创建一个springboot项目，可以使用idea进行新建也可以在start.spri...
Spring boot 访问HTML页面 代码 不带解释的
sou_time
01-10 1234
application.properties 配置文件 #prot server.port=8088 #server.port=7776 #view spring.mvc.view.prefix=/templates/ spring.mvc.view.suffix=.html #html spring.thymeleaf.content-type=text/html spring.thyme...
Spring Boot渲染Web页面
C.
01-05 9958
渲染Web页面 在之前的示例中，我们都是通过@RestController来处理请求，所以返回的内容为json对象。那么如果需要渲染html页面的时候，要如何实现呢？ 模板引擎 在动态HTML实现上Spring Boot依然可以完美胜任，并且提供了多种模板引擎的默认配置支持，所以在推荐的模板引擎下，我们可以很快的上手开发动态网站。 Spring Boot提供了默认配置的模板引擎主要有以下几
解决SpringBoot前端jsp、html页面无法加载css、js等文件的问题
暴走的山交君的博客
11-29 1352
用IDEA编写前端页面的时候发现不能加载css和js文件，运行后效果是这样的： 代码如下： 明明路径加载对了却显示不出来，带着疑惑在网上查找了许多文档，最后发现是由于SpringBoot机制问题，引用css或js文件的时候需先将文件放在static文件夹下面然后引用的时候不要将static写上，遂将自己引用地址修改了一下： 修改后： 然后重启项目： 完成！ 这样就可以将你的css样式加载出来了 附：网上还有一种更暴力的方式，就是在你的application配置文件里面添上这句话：spring.m
关于解决springboot，spring项目页面静态资源加载不成功问题
qq_55386085的博客
11-26 2270
1、确定得target文件夹中static下有你加入得静态资源文件，我这里是有得，如果没有，你只需要使用maven生命周期工具clean，然后install即可。今天学习的的时候发现了一个比较奇葩的问题，明明我resource的static包下放了对应的静态资源文件，可是项目跑起来还是访问不了，图片。暂时，我只能想到这么多？如果还未解决，是否你的路径名字错误？或者其他细节错误，如果有其他问题，欢迎和我交流（我也想学习~~）2、你是否配置了，静态资源路径？如果是这种情况，该怎么排查问题呢？
spring boot启动后源服务器未找到目标资源的当前表示形式，或者不愿意披露存在此类表示形式。
最新发布
04-05
### Spring Boot启动后返回404问题的原因及解决方案 #### 一、常见原因分析 1. **控制器未正确定义响应体** 如果在Spring Boot应用中定义了一个`@Controller`类型的类，但其方法并未标注`@ResponseBody`注解，则可能导致请求无法正确映射并返回数据[^4]。 2. **视图解析器配置不匹配** 当使用JSP或其他模板引擎时，如果视图解析器未能正确加载指定路径下的页面文件（如`WEB-INF/views/xxx.jsp`），则可能引发404错误[^5]。 3. **资源路径设置不当** 静态资源（HTML、CSS、JavaScript等）通常应放置于`src/main/resources/static`目录下。若这些资源被误放至其他位置或访问路径书写有误，也会触发404错误[^1]。 4. **插件缺失或依赖冲突** 开发过程中可能出现某些必要插件（如`sprint-boot-maven-plugin`）丢失的情况，这会影响项目的正常构建与运行环境搭建[^3]。 5. **全局异常处理器缺乏定制化逻辑** 缺少针对特定HTTP状态码（如404）的有效处理机制，使得默认行为直接向客户端反馈“Not Found”消息。 #### 二、具体解决措施 以下是几种有效的应对策略： ##### 方法一：调整控制层代码结构 对于RESTful API接口开发场景而言，在编写业务逻辑的同时需注意添加必要的JSON序列化支持标记。例如下面这段示范程序展示了如何通过组合运用`@RestController`替代传统意义上的`@Controller`来简化操作流程： ```java @RestController @RequestMapping("/api/v1/example") public class ExampleController { @GetMapping("/{id}") public ResponseEntity<String> getExample(@PathVariable String id){ Optional<String> result = ... ;//模拟查询数据库获取对应记录 return result.map(ResponseEntity::ok).orElseGet(() -> new ResponseEntity<>("Resource with ID:" + id +" does not exist.", HttpStatus.NOT_FOUND)); } } ``` ##### 方法二：优化前端展示框架集成方式 假如项目采用了Thymeleaf作为渲染工具的话，则可以按照官方文档指导完成基础配置工作之后再进一步扩展功能特性；而对于坚持沿用经典Servlet技术栈的开发者来说，则务必确认Tomcat容器已成功部署目标war包并且能够识别到预期中的html片段所在的具体物理地址。 ##### 方法三：修正pom.xml文件内容 确保Maven工程描述符里包含了最新版本号对应的springboot-starter-parent节点以及完整的plugin列表项声明信息。像这样一段典型的XML片断就很好地诠释了上述要点： ```xml <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.7.0</version> <relativePath/> <!-- lookup parent from repository --> </parent> ... <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> ``` ##### 方法四：增强自定义ErrorPageHandler能力 借助Spring Webflux提供的强大API集锦，我们可以轻松实现一套高度灵活可配置化的错误捕捉体系架构设计思路。比如创建一个新的Java Bean组件专门负责拦截所有未经捕获过的Exception实例对象并将它们转化为统一格式的表现形式供外部消费端理解消化吸收利用起来更加方便快捷高效省心省力省钱省时间等等好处多多数不过来啦朋友们快来试试看吧！ 最后附上一份简洁明快的小例子帮助大家快速入门实践体验效果立竿见影哦亲测有效绝对靠谱放心大胆去尝试绝对不会后悔哟！ ```java @Bean public ErrorWebExceptionHandler errorWebExceptionHandler(){ DefaultErrorAttributes attrs=new DefaultErrorAttributes(); SimpleMappingExceptionResolver resolver= new SimpleMappingExceptionResolver (); Properties mappings=new Properties(); mappings.put("java.lang.Exception","error"); mappings.put("java.lang.RuntimeException","error runtime"); resolver.setExceptionMappings(mappings); resolver.setDefaultErrorView("defaultError"); return new CustomErrorWebExceptionHandler(attrs,resolver,new ObjectMapper(),this.applicationContext); } ``` ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值