SpringBoot +thymeleaf 访问(static)静态资源的处理方法

最新推荐文章于 2024-07-22 15:11:19 发布
最新推荐文章于 2024-07-22 15:11:19 发布
阅读量2.8k 收藏 2
点赞数
分类专栏： springboot 文章标签： java html web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xhalg/article/details/110077294
版权
在SpringBoot项目中结合Thymeleaf遇到静态资源（css、js、图片）404错误。分析发现是路径问题，通过在路径中添加上级目录`static`使得资源能够正常访问。目前解决方案是在引用路径中加入`static`前缀，但可能不是最理想的配置，后续会寻求更佳解法。
摘要由CSDN通过智能技术生成

1.问题

最近使用SpringBoot框架+thymeleaf模板做一个简单网站，代码目录如下

项目启动之后，静态资源（css、js、图片）都不能访问，通过浏览器访问，加载开发工具控制台，得到如下404错误信息

GET http://localhost/css/buju.css net::ERR_ABORTED 404

 

 

2.分析问题

404错误，无非就是没找到资源，将http://localhost/css/buju.css拷贝到浏览器中访问，也无法访问到，百度了各种解决方案，什么引用thymeleaf依赖，在资源引用路径中使用th标签

 <link href="css/buju.css" rel="stylesheet" th:href="@{css/buju.css}">
 <link href="css/index.css" rel="stylesheet

最低0.47元/天 解锁文章
xhalg
关注
专栏目录
收藏夹吃灰系列(十二):Springboot配置Thymeleaf实现静态页面访问 | 超级详细，建议收藏！
**My Coding Family**
10-13 1225
一、前言 Springboot默认是不支持JSP的，默认使用thymeleaf模板引擎。所以这里介绍一下springboot结合Thymeleaf，实现模板实例以及途中遇到的问题。 二、配置与使用 1.引入jar。在pom中加入thymeleaf对应的starter依赖。 <!--模板引擎Thymeleaf--> <dependency> <groupId>org.springframework.bo..
SpringBoot学习------SpringBoot使用Thymeleaf模块访问不了静态页面
weixin_30487317的博客
08-18 562
SpringBoot使用Thymeleaf模块访问不了静态页面 最近学习SpringBoot的过程中使用了Thymeleaf模块引擎，页面发送请求后老是无法显示静态页面，所有的步骤都是参考资料来执行，自我检查好久都没有找到问题的答案，哎呦，我这暴脾气就上来了，一个小页面就想难倒我？那我还怎么找到ONE PIECE？ 下面就给大家分享一下我悲惨的心路历...
SpringBoot静态资源，模板引擎Thymeleaf使用详解
最新发布
x1073565617oo的博客
07-22 264
1、引入Thymeleaf起步依赖需要再pom.xml添加以下代码2、thymeleaf的html文件需要创建在 resources/templates 下3、
springboot使用thymeleaf的方式引用static中的静态资源以及引用框架文件资源方法
weixin_44195615的博客
02-17 2258
一、实现：在springboot项目中通过使用thymeleaf的方式在前端的html页面中使用src/main/resources/static中的静态资源文件。 二、在src/main/resources/static中的静态资源文件目录结构如下图 1.在html页面中引入thymeleaf的依赖。如下 <html lang="en" xmlns:th="http://www.thym...
SpringBoot+Thymeleaf中静态资源css、js等的引用问题
qq_27198345的博客
12-17 3221
SpringBoot + Thymeleaf项目中静态资源的引用问题是非常常见的问题，也是最头疼的问题，其实一点儿也不难，只是有几个问题没注意到始终无法解决。 静态资源的位置 1、 在SpringBoot项目运行的时候，引用静态资源需要使用Thymeleaf. <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"&gt
springboot使用thymeleaf的方式引用static中的静态资源方法，引用框架文件资源方法
热门推荐
张小三的博客
02-21 1万+
当我们在开发网站时为了快速完成，避免不了使用第三方的框架文件。这样我们就得引用框架中的各种资源文件。那么，在springboot中通过thymeleaf如何在html中使用static文件夹下的静态资源的公共文件呢? 前提：在springboot项目中使用thymeleaf插件，wind10ui框架，layui框架 实现功能：在springboot项目中通过使用thymeleaf的方式在前端...
SpringBoot+thymeleaf解决static目录下静态资源无法访问的问题
qq_42582773的博客
10-22 4267
1.在yml或者properties配置文件中设置静态资源访问路径 spring: mvc: static-path-pattern: /static/** 2.在HTML文件中引入静态文件以/static开头 <link rel="stylesheet" th:href="@{/static/lib/layui/css/layui.css}" media="all"> <link rel="stylesheet" th:href="@{/static/css/login.c
springboot + thymeleaf静态资源访问404
weixin_30687587的博客
09-13 2082
在使用springboot 和thtmeleaf开发时引用静态资源404，静态资源结如下： index.html文件： <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset = "UFT-8" /&gt...
SpringBoot+thymeleaf
04-29
10. **静态资源处理**：SpringBoot默认会处理静态资源，如CSS、JavaScript文件，这些资源通常放在`src/main/resources/static`目录下。 学习"SpringBoot+thymeleaf"，不仅能够掌握如何构建Web应用，还能深入理解...
基于springboot+thymeleaf+mybatis的员工管理系统 —— 登录与注册
F1520080的博客
04-20 805
Java面试核心知识点一共有30个专题，足够读者朋友们应付面试啦，也节省朋友们去到处搜刮资料自己整理的时间！Java面试核心知识点已经有读者朋友靠着这一份Java面试知识点指导拿到不错的offer了《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！验证码自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
SpringBoot+Thymeleaf配置外部静态资源访问
weixin_38950807的博客
06-23 7076
title: SpringBoot+Thymeleaf配置外部静态资源访问 date: 2019-06-23 10:40:29 categories: Spring Boot tags: thymeleaf #####配置外部资源访问（html、css、js） 我的thymeleaf配置： # thymeleaf # html目录配置 spring.thymeleaf.prefix=fil...
springboot+thymeleaf 访问静态资源解决（static）
gs6666666的博客
05-07 725
springboot+thymeleaf 访问静态资源解决（static） 第一步：pom.xml-必须有这个 org.springframework.boot spring-boot-starter-thymeleaf 第二步：application.properties spring.mvc.static-path-pattern=/static/** 访问js路径就是： http://localhost:8081/static/js/jquery.min.js 界面html里面引用
【SpringBoot学习】15、SpringBoot 使用 Thymeleaf 实现页面静态化
Tellsea
05-08 9673
什么是静态化 静态化是指把动态生成的HTML页面变为静态内容保存，以后用户的请求到来，直接访问静态页面，不再经过服务的渲染。 而静态的HTML页面可以部署在nginx中，从而大大提高并发能力，减小tomcat压力。 如何实现静态化 目前，静态化页面都是通过模板引擎来生成，而后保存到nginx服务器来部署。常用的模板引擎比如： Freemarker Velocity Thymeleaf 我们之前...
SpringBoot整合Thymeleaf时配置拦截器以及配置后访问不到静态资源的问题
litblue'blog
05-23 5064
一、资源访问失败效果 二、如何正确配置登录拦截器 # 一点说明: 使用的SpringBoot版本：SpringBoot2.0X 在SpringBoot2.0之前SpringBoot拦截器是不会拦截静态资源的，所以。。。。 注意下面我写的注意 拦截器目录结构 1.编写拦截器 /** * 登录拦截器 */ public class LoginHande...
简单快速的用SpringBoot访问静态资源（图片、html）
m0_67401055的博客
04-12 1455
转载自：https://blog.csdn.net/qq_36481052/article/details/79075214 使用SpringBoot简单快速的访问静态资源 首先需要记载Springboot访问静态资源的Jar文件 org.springframework.boot spring-boot-starter-thymeleaf 还需要在“resources”目录下(注意只能在“resources”目录下创建文件，因为SpringBoot只在它下面扫描)，再创建一个文件夹名为“st
关于SpringBoot+Thymeleaf的静态资源访问的问题
Qi_Si_Miao_Xiang的博客
07-29 1135
目录结构 通过IDEA生成的SpringBoot工程中，resources目录下有static和templates两个目录： （1）static是静态资源目录，可以通过浏览器直接访问到，css\js等都可以放在这个目录下。 （2）templates中存放的一般是jsp，thymeleaf等模板资源，是受保护的，需要通过服务端转发才可以访问到 需要注意的是： 如果thymeleaf文件的前后缀没有...
springboot无法访问thymeleaf的误区
weixin_56265518的博客
03-07 456
关于springboot中无法访问thymeleaf的误区
springboot+thymeleaf页面跳转后静态资源404
谷咕咕
01-26 782
springboot+thymeleaf页面跳转后静态资源404 谷咕咕是最讨厌前端的问题了 先说复现一下问题： 小谷创建了一个html页面，复制了之前add页面的代码，想做update的样式然后做修改 复制过去后，发现值都传进去了，但是没有样式404 后来查看了一下target目录发现没编译进去，只要重新rebuild一下项目就好了。 可能是我的电脑太老了，真的慢 ...
SpringBoot整合Thymeleaf静态资源问题解析与解决方案
"本文主要探讨了在SpringBoot项目中整合Thymeleaf遇到的静态资源访问问题，并提供了可能的解决方案。作者首先尝试通过重写`WebMvcConfigurationSupport`的`addResourceHandler`方法来配置静态资源，但发现这样做并未...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值