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

最新推荐文章于 2024-07-21 11:21:32 发布
最新推荐文章于 2024-07-21 11:21:32 发布
阅读量2.2k 收藏 3
点赞数 2
文章标签： spring boot 后端 过滤器 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/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 1024
Springboot+web3j完成去中心化的区块链应用简单分析下本人的小小开发经历，当初自己学习的时候翻看很多资料也一头雾水，白花了很多力气，这里进行简要总结，希望为大家带来帮助。前期准备如下：IDEA，你的后台编辑器；Geth，你的以太坊区块链本地客户端；不需要数据库，因为数据可以存储在区块链之上,当然你可以加上。在线编辑器remix，用来使用solidity语言编写智能合约。http:/...
Vue编写的页面部署到springboot网站项目中出现页面加载不全问题
weixin_44743583的博客
07-25 754
  问题描述: 在用Vue脚手架 编写出一个页面之后, 部署到后台项目中, 因为做的是一个页面 按理来说 怎么都能够在服务器上运行 , 我也在自己的node环境测试 , 在同学的springboot上运行 ,但是放到公司的大项目中就出现了问题 只能加载出来头部内容 , 其他内容消失不见了 发现问题所在 F12 我F12查看界面结构 , 发现App.vue 这个文件的内容都加载出来了 , 其他的组件还有一些其他的东西都没有 . 需要重写 我不得不重新编写一遍 , 这次不使用脚手架 , 就像 jque
关于springboot整合springsecurity，加载vue.min.js 等静态资源 无法加载
weixin_45804157的博客
05-01 616
今天偶然试了试，基于springboot的开发，开发的初想是 不进行前后端分离，通过thymeleaf 模板引擎进行渲染，基于vue进行开发，通过mvvm的模型，进而更改好的操控数据 但是在开发的时候，遇到一个问题，vue一直没有渲染，v-on等命令也没有起作用，查看控制台发现，静态资源一直没有加载出来，通过反复的查找静态资源的路径，始终也没有发现错误在哪。 最后发现,springsecurity和mvc 对于静态资源进行了拦截。 在WebMvcConfig中，释放静态资源路径 @Configura.
SpringBoot项目中如何访问HTML页面
最新发布
nanxun___的博客
07-21 1661
springboot项目启动后，默认会到静态资源 resources->static 目录下查找index.html页面在静态资源路径找不到 index.html 文件，会到 resources->templates 目录下找 index.html 三.用Controller控制层返回任意html页面 1.在pom.xml文件中添加依赖 2.书写Controller层 注解要写@controller而不是@restController，前者用来渲染页面，后者用来返回数据
关于自己创建好springboot项目后，只写了html但是启动页面无法加载（404）问题
yummynuomiji的博客
06-30 449
404
springboot html更新,SpringBoot为什么没有加载.html?
weixin_42131443的博客
06-10 154
我有添加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 1705
如果静态图片资源在一开始无法显示，需要刷新才能显示，可能是以下几个原因导致的：资源路径错误：检查静态资源的路径是否正确。如果路径错误，浏览器会返回 404 错误，无法显示图片。可以在浏览器的开发者工具中查看网络请求的状态，检查资源是否被正确加载。缓存问题：浏览器会将静态资源缓存到本地，以便下次访问时更快地加载。如果浏览器已经缓存了静态资源，但资源已经被修改，可能会导致无法正常显示。可以尝试清除浏览器缓存，或者使用 Ctrl+F5 强制刷新页面。
Activiti7工作流+SpringBoot（上）
Firstlucky77的博客
06-08 1591
    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）框架，它是覆盖了业务流程管理、工作流、服务...
用Springboot+web3j完成去中心化的以太坊区块链应用（附带实战案例）
qq_41357962的博客
07-31 4589
Springboot+web3j完成去中心化的区块链应用去中心化的开发流程基础准备核心开发区块链java程序具体案例 去中心化的开发流程 简单分析下本人的小小开发经历，当初自己学习的时候翻看很多资料也一头雾水，白花了很多力气，这里进行简要总结，希望为大家带来帮助。 基础准备 前期准备如下： IDEA ，你的后台编辑器； Geth ，你的以太坊区块链本地客户端； 不需要数据库，因为数据可以存储在区块链之上,当然你可以加上。 在线编辑器remix，用来使用solidity语言编写智能合约。 http://re
Spring Boot||html页面的css等资源加载失败
qq_43543920的博客
04-08 1540
背景 这几天在用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 691
根据《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 3498
初学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 383
SpringBoot集成Jpa,渲染html页面项目架构：Springboot+Mysql+JPA+Thymeleaf，自动生成表结构，此项目只讲干货，无过多描述性文字，如需下载完整的Demo，文章底部有下载链接。项目分为以下几步：添加所属依赖，创建数据库，创建dao层，在controller中返回页面。第一步：创建一个springboot项目，可以使用idea进行新建也可以在start.spri...
Spring boot 访问HTML页面 代码 不带解释的
sou_time
01-10 1157
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 9864
渲染Web页面 在之前的示例中，我们都是通过@RestController来处理请求，所以返回的内容为json对象。那么如果需要渲染html页面的时候，要如何实现呢？ 模板引擎 在动态HTML实现上Spring Boot依然可以完美胜任，并且提供了多种模板引擎的默认配置支持，所以在推荐的模板引擎下，我们可以很快的上手开发动态网站。 Spring Boot提供了默认配置的模板引擎主要有以下几
Nginx 无法正确加载静态文件，静态文件加载404或者为html；Nginx 配置访问指定url路径项目部署；
JCM_ZZ的博客
08-07 7624
1.在nginx location 定义指定url段时，加载不到页面，例如：访问一级目录为 /mypage 并且 二级目录可以是任意非空值时/mypage/xxxxx，由于部署目录实际不存在 /mypage/xxxx，因此访问返回 404问题； 2.页面中使用相对路径引用静态文件时，使用指定url段访问页面，不能正确加载到静态文件，例如：访问一二级目录构成的url/mypage/special时，假如html中有一个静态文件引入路径为./style.css，那么在实际访问页面时加载的静态路径为http://
关于解决springboot，spring项目页面静态资源加载不成功问题
qq_55386085的博客
11-26 1908
1、确定得target文件夹中static下有你加入得静态资源文件，我这里是有得，如果没有，你只需要使用maven生命周期工具clean，然后install即可。今天学习的的时候发现了一个比较奇葩的问题，明明我resource的static包下放了对应的静态资源文件，可是项目跑起来还是访问不了，图片。暂时，我只能想到这么多？如果还未解决，是否你的路径名字错误？或者其他细节错误，如果有其他问题，欢迎和我交流（我也想学习~~）2、你是否配置了，静态资源路径？如果是这种情况，该怎么排查问题呢？
SpringBoot五种静态资源映射规则详解及示例
本文主要探讨了SpringBoot中五种不同的静态资源映射规则实现方法，这些规则有助于优化资源访问、提高性能和管理资源路径。这些规则的实现主要集中在`WebMvcAutoConfiguration`类中，这是一个自动配置工具，用于简化...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值