SpringBoot访问静态资源文件(css、js、images)
2023-09-14 09:13:55 时间
(1)引入静态资源时,错误解决方法
在做SpringBoot访问静态资源文件(css、js、images)时候,发现总是报错:
以为是路径中没有添加static,所以路径又添加static,再次访问如下:
额哦,还是一样的错误,看来不是这个问题。继续查找原因,发现是在springboot的配置文件中,配置访问静态资源的路径错误:
spring:
mvc:
static-path-pattern: /**
resources:
static-locations: classpath:/static/**
上面配置中的 static-locations 路径配置有误,不应该是写 /** 。直接写成:classpath:/static/ 即可,如下代码所示。
spring:
mvc:
static-path-pattern: /**
resources:
static-locations: classpath:/static/
再次访问,即可成功访问到静态资源:
(2)SpringBoot静态资源配置
springboot项目中,访问静态资源,需要在application.yml配置文件中进行路径的配置。即:配置静态资源放在哪个路径目录下面。
springboot默认的四种静态资源路径
- classpath:/META-INF/resources/
- classpath:/resources/
- classpath:/static/
- classpath:/public/
springboot默认会去上面四个目录中,寻找静态资源文件,找不到则返回错误页面。
也可以自定义静态资源目录文件,在【application.yml】配置文件中,添加如下配置:
spring:
mvc:
static-path-pattern: /**
resources:
static-locations: classpath:/这里写自定义的静态资源文件目录名称/
spring.mvc.static-path-pattern属性
- 告诉springboot以什么样的路径来访问静态资源。
- 因为,只有当静态资源满足什么样的匹配条件时候,springboot才会知道根据什么条件去处理静态资源请求。
- 例如:
- 当配置static-path-pattern=/static/**时候,只有当访问路径中包含/static时候,才能作为静态资源文件处理。
spring.resources.static-locations属性
- 前面配置好了静态资源匹配处理方式,这里就需要配置静态资源目录在哪里了
- static-locations属性告诉springboot,静态资源都在都放在这个目录之下,springboot就会去该目录下查找静态资源文件。
注意:static-locations属性值,不要添加 /**,否则识别不到,我就是添加了 /**,才没有访问到资源文件。
相关文章
- Java项目毕业设计:基于springboot+vue的电影视频网站系统「建议收藏」
- springboot框架简介_springboot工作原理
- js书写原生ajax,JS 原生ajax写法
- 【开发日记】SpringBoot中使用MongoDB
- 解决springboot 2.0集成elasticsearch 7.6.2 查询总数为10000
- springboot mysql事物_SpringBoot事务详细简介[通俗易懂]
- SpringBoot线程池使用详解
- SpringBoot项目中集成第三方登录功能
- 用JS获取地址栏url参数的方法_js的url是啥
- 向我所爱,不断进取。抱歉,这款基于springboot的开源的低代码框架让您久等了
- springboot项目引入第三方jar后打包运行时找不到类
- springboot集成微信支付V3(小程序)
- js定时器与延时器_JS做定时器倒计时
- Js生成二维码_js在线生成二维码
- springboot jdbc template_Springboot教程
- Vue.js – 引入外部 JS 文件
- SpringBoot实现并发、超发和锁机制/抢购示例:超发、乐观锁、悲观锁和Redis的使用
- SpringBoot实战:整合Swagger3实现在线Api文档
- MQ系列(3)——rabbitMQ结合springboot使用(1)
- SpringBoot:模块探究之spring-boot-devtools
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- SpringBoot|Spring-Data-Redis 验证码短信存储服务
- 原生 JS 实现 HTML 转 Markdown ,html2md.js
- springboot 接入 ChatGPT
- 原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js)
- SpringBoot(一)走进Springboot的世界详解编程语言
- SpringBoot之JDBC(I)详解编程语言
- 详解js插件ajaxupload实现图片上传(适用springboot)编程语言
- SpringBoot 配置热部署详解编程语言
- springboot+async异步接口实现和调用详解编程语言
- springboot中配置文件application.properties的理解详解编程语言
- JS动态引入js、CSS动态创建script/link/style标签详解编程语言
- 使用JS实现Redis数据读取(js读取redis)
- 使用 JS 操作 Redis:实现强大数据存储.(js调用redis)
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- 使用JS在网页中连接Oracle数据库(js网页链接oracle)
- JS将文件传输至MySQL数据库(.js传文件至mysql)
- Oracle中使用JS变量管理数据(oracle使用js变量)
- js对象之JS入门之Array对象操作小结
- js延迟加载改变JS的位置加快网页加载速度