目录
springboot html调用js无效400例如无法访问css,js,图片等静态资源的三种方案第一种解决方法第二种解决方法第三种解决方法springboot html调用js无效400
html板在templates下面,js文件在static下面,在模板中引用时不需要加static这个路径。
例如
src └─main ├─java └─resources ├─static │ ├─css │ ├─img │ └─js │ └─test.js └─templates
在模板中引用test.js, 你引用的地址应当为/js/test.js,换成thymeleaf的属性则应当为th:src="@{/js/test.js}",其中的绝对地址可以换成相对地址。
无法访问css,js,图片等静态资源的三种方案
今天在写一个Spring Boot项目的时候发现了一个问题,无法访问static目录下的文件夹里面的静态资源,如css, js和图片 ,在网站中也没有找到这些静态文件的地址。在网上找了好几种解决方法也没有用。但是我之前使用Spring Boot的时候并没有出现这个问题。
所以我找出了以前写的项目,对比了一下,终于发现了问题:
以前的项目我是把所有的静态文件全都放在了static这个文件下,于是直接访问了。但是现在我在static文件夹下又多分了几个文件夹,结构如下图:
第一种解决方法
发现了不同之后,我尝试了将这个css文件直接放在static最外面,然后更改文件的引用地址为
发现果然可以正常的访问到了。
第二种解决方法
但是这种方法并不是我想要的,不过发现了问题之后就好办了。我找到了另一种解决方法,可以保持这个文件系统结构:
在application.properties这个配置文件中添加:spring.mvc.static-path-pattern=/static/**
如果你的配置文件是application.yml文件则添加
spring: mvc: static-path-pattern: /static/**
添加之后recompile一下,果然可以在子文件夹中访问了,引用的格式是:
第三种解决方法
因为我使用的是thymeleaf这个模版,所以可以直接使用Thymeleaf的引入文件的方式,如下:
这样,即使不在application.properties文件中配置,也可以引用到所需要的文件。
原因
为什么会出现这个问题呢?
因为Spring Boot的默认扫描路径是/static,并没有包含static这个文件夹之中的文件夹里面的文件,所以如果把文件放在/static/css/me.css这种位置就无法被识别出来。
而方法一和方法二的这段代码的作用就是将/static文件夹下面的所有文件夹和以及相应的子文件夹都添加到扫描路径中去,于是就可以正常的使用了。
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
X 关闭
X 关闭
- 15G资费不大降!三大运营商谁提供的5G网速最快?中国信通院给出答案
- 2联想拯救者Y70发布最新预告:售价2970元起 迄今最便宜的骁龙8+旗舰
- 3亚马逊开始大规模推广掌纹支付技术 顾客可使用“挥手付”结账
- 4现代和起亚上半年出口20万辆新能源汽车同比增长30.6%
- 5如何让居民5分钟使用到各种设施?沙特“线性城市”来了
- 6AMD实现连续8个季度的增长 季度营收首次突破60亿美元利润更是翻倍
- 7转转集团发布2022年二季度手机行情报告:二手市场“飘香”
- 8充电宝100Wh等于多少毫安?铁路旅客禁止、限制携带和托运物品目录
- 9好消息!京东与腾讯续签三年战略合作协议 加强技术创新与供应链服务
- 10名创优品拟通过香港IPO全球发售4100万股 全球发售所得款项有什么用处?