springboot之thymeleaf的staticcss,js,img无法访问

最新推荐文章于 2024-04-22 09:06:08 发布
原创 最新推荐文章于 2024-04-22 09:06:08 发布 · 6.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#springboot #无法访问css等文件

本文解决了一个常见的SpringBoot项目中使用Thymeleaf模板引擎时，无法访问static目录下css, js, img等静态资源的问题。通过升级spring-boot-starter-web依赖包的版本，成功实现了静态资源的正确加载。

springboot之thymeleaf的staticcss,js,img无法访问

我创建了一个springboot项目按照网上说的配置了thymeleaf模板，正常访问到thmelates下面的html文件。当时觉得一切正常，但后来开始编写页面时发现页面始终不能引用static文件夹下的资源文件。

在这里插入图片描述
于是按照网上的解决办法
重新依赖jar包啊，配置thmyleaf信息啊，都试过了但都没有作用。
后来找到了问题的原因，如果你也没解决的话，看看是不是我这个问题吧。
首先打开maven的依赖包
在这里插入图片描述
找到在这里插入图片描述
找到
在这里插入图片描述
我一开始访问不到是因为这个包的版本过低，好像是1.0.3什么的，没有这些文件导致不能访问到static下面的文件
解决方案，重新依赖spring-boot-starter-web
在这里插入图片描述

org.springframework.boot
spring-boot-starter-web

然后重启项目就可以访问到了在这里插入图片描述

Thymeleaf——访问静态资源(static)解决方案
无限迭代中......
02-12 1万+
官方文档 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#server-root-relative-urls 解决方案 Spring Boot在Thymeleaf结构模块很好提供了静态资源的引用方法 可以使用其他语法来创建相对于服务器根目录的URL（而不是上下文根目录的URL），以便链接到同一服务器中的不同上下...
精选资源
大学生期末大作业 SpringBoot+Thymeleaf美食文化后台管理
03-26
大学生期末大作业《SpringBoot+Thymeleaf美食文化后台管理》是一个基于SpringBoot和Thymeleaf的美食文化后台系统。该系统采用MySQL作为数据库，实现了分类挂管理、标签管理、美食文章发布等功能。 通过该系统，用户...
springboot thymeleaf访问静态图片
fuxingsheng1的博客
11-21 6626
首先用templates中的html页面访问静态资源访问不到，然后就去百度各种答案， 然后回答无非是上述几种写法，或者是在配置文件中添加static的访问路径，如果可以了，说明还是写法问题，不够仔细。 如果还是404 注意！！！！！ 这个时候去你的pom.xml看看包路径跟你的项目名是否跟目前的吻合，不吻合修改完以后就有奇迹发生！！ ...
Springboot项目导入了thymeleaf模板,启动仍然无法访问static下面的资源
大姑娘绣鸳鸯的博客
04-12 611
Springboot项目导入了thymeleaf模板,启动仍然无法访问static下面的资源 原因：SpringBoot2.0后不支持访问static下的文件 解决方法：需要自定义配置文件代码如下（2.0版本后使用WebMvcConfigurer可以来扩展SpringMVC的功能）： @Configuration public class MyMvcConfig implements WebMvcConfigurer { @Override public void addResourceH
springboot+shymeleaf无法访问静态资源，css，js以及图片
qq_44729800的博客
07-17 890
springboot+shymeleaf无法访问静态资源，css，js以及图片 首先贴出资源路径以及引用时候的方法（错误时候的 文件路径 前台引用： <link href="asserts/css/signin.css" th:href="@{/asserts/css/signin.css}" rel="stylesheet"> ... <img class="mb-4" th:src="@{/asserts/img/bootstrap-solid.sv.
SpringBoot+Thymeleaf开发时前端页面引入js、css等静态资源报错问题
向左z的博客
11-25 1943
因为SpringBoot默认静态资源访问路径在资源目录下的static文件夹下，所以如果直接在页面中如下方式引入js文件将会报错： <script type="text/javascript" src="/static/layui.js"></script> 应改为： <script type="text/javascript" src="/layui.js"&gt...
精选资源
一个基于SpringBoot+Thymeleaf渲染的图书管理系统
12-17
《SpringBoot+Thymeleaf实现的图书管理系统详解》 在现代软件开发中，SpringBoot以其简化Spring应用的初始搭建以及开发过程而受到广大开发者喜爱。结合Thymeleaf模板引擎，可以快速构建出功能丰富的Web应用，如本...
精选资源
基于springboot +thymeleaf 的小米商城管理系统.zip
05-30
【标题】"基于SpringBoot + Thymeleaf的小米商城管理系统"是一个综合性的Web应用程序，它结合了SpringBoot和Thymeleaf两个强大的技术来构建一个功能完善的在线购物平台。SpringBoot是Java领域的一种轻量级框架，它...
基于SpringBoot和Thymeleaf的医院信息管理系统设计源码
最新发布
09-30
本项目即是一例，采用流行的SpringBoot框架和Thymeleaf模板引擎，为医疗行业打造了一个高效的信息管理解决方案。 SpringBoot是一种基于Spring的轻量级的框架，它简化了基于Spring的应用开发，通过约定优于配置的...
基于SpringBoot+thymeleaf+mybatis构建的旅游后台管理系统，课程设计，毕业设计
06-20
基于SpringBoot+thymeleaf+mybatis构建的旅游后台管理系统，课程设计，毕业设计 基于SpringBoot的旅游后台管理系统 1. 技术栈 springboot mybatis-plus thymeleaf 2. 功能 注册用户管理 旅游线路分类管理 旅行社管理...
springboot——使用模板引擎thymeleaf后，在templates文件夹下的页面 无法访问加载图片资源
知北行的博客
08-07 1885
解决办法： 方法1.修改图片资源路径，使用绝对路径，前面要以static开头，因为这是springboot的默认静态资源文件夹。 方法2：自定义静态资源默认存储位置 spring boot工程默认情况下，浏览器可以直接访问到4个目录下的静态资源，但是若想浏览器访问自定义的目录，我们也可以手动指定。 可以使用如下代码创建一个配置类： @Configuration public class MyMvcConfig extends WebMvcConfigurerAdapter { @O
SpringBoot项目，Thymeleaf 无法访问图片的问题（js，css、html 没问题）
头发掉光光的博客
07-19 2379
最近在做项目的时候又双叒叕碰到问题了，就是关于 SpringBoot + Maven 的项目在运行时，Thymeleaf 无法访问到图片。也是找了一些网上的回答，但是大多都是解决 Thymeleaf 无法访问静态资源的问题，和我这有点不太一样。然后我就自己试了试，尝试给 Maven 添加一个资源过滤，没想到它就好了。 只需要在 Maven 的 pom.xml 里添加： <!--在 build 中配置 resources，来防止我们资源导出失败的问题--> &...
spring boot开发 静态资源加载不出来
weixin_30600503的博客
05-26 849
spring boot 1.5 版本之前 不拦截静态资源 springboot 2.x版本 拦截静态资源 private static final String[] CLASSPATH_RESOURCE_LOCATIONS = { "classpath:/META-INF/resources/", "classpath:/resources/", "classpath:/s...
Thymeleaf、SpringBoot2.x过后static下的静态资源无法访问的终极解决方案
RuiHao-He的博客
06-22 1647
网上试了很多办法，更改配置文件加拦截器什么的都试了，最后总结一下是因为SpringBoot版本的问题，但是使用Thymeleaf的模板语法就能找到文件。 解决方案一 代码全部使用Thymeleaf的模板语法，比如th:src="@{'/css/my.css'}" 解决方案二 加一个路径配置文件 package com.hrh.blog.config; import org.springframework.stereotype.Component; import org.springframework.we
解决thymeleaf引入靜態js，css失效
一个努力的小码农
08-28 1064
thymeleaf引入靜態js，css失效 配置properties文件 #thymeleaf訪問根路徑 spring.thymeleaf.prefix=classpath:/templates/ #後綴名 spring.thymeleaf.suffix=.html #模板格式 spring.thymeleaf.mode=HTML5 #字符格式 spring.thymeleaf.encoding=UTF-8 #在呈现模板之前检查模板是否存在,默認true spring.thymeleaf.check-t
SpringBoot访问静态资源（图片、html）以及整合thymeleaf 注意点
02-26 2059
static和templates 是springboot默认创建的文件夹，static中放静态页面，而templates中放动态页面 存放在static目录下，浏览器可以直接访问 http://localhost:8080/index.html，图片资源以及css,js可以放在此目录下，...
Thymeleaf 静态页面
m0_46690280的博客
10-13 1819
ThymeleafThymeleaf1.Thymeleaf介绍2.Springboot整合thymeleaf3 Thymeleaf基本语法4 搜索页面渲染4.1 搜索分析4.2 搜索实现 Thymeleaf 1.Thymeleaf介绍 ​ thymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。它是一个开源的Java库，基于Apache License 2.0许可，由Daniel Fernández创建，该作者还是Java加密库Jasypt的作者。 Thyme
spring boot拦截器无法加载Thymeleaf引入的static文件
qq_37186947的博客
10-17 1436
背景     用BootStrap写了个前端登录页面，用的是Spring boot 官方推荐的Thymeleaf模板引擎，后端用的是继承WebMvcConfigurer的拦截器在进入页面时发现js.css等渲染不成功，F12调试才发现是因为静态文件都被拦截器拦截了，于是就按照网上烂大街的方法：在拦截器里设置excludePathPatterns排除static路径下的拦截 p...
Springboot + thymeleaf 背景图片加载不出来的问题
qwerf123的博客
04-22 534
网上找了那么多，没一个有用的，真是yue了，浪费了好多时间。css原来的代码，图片就是加载不出来。
SpringBoot结合Thymeleaf实现页面访问与IP展示
综上所述，这个简单的SpringBoot和Thymeleaf结合的Demo项目，涉及到了SpringBoot的基础应用、Thymeleaf模板的使用、Web应用开发流程、如何获取真实IP地址以及标准的项目文件组织结构。通过这些知识点，开发者可以...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值