spingboot html 图片,SpringBoot静态资源css,js,img配置方案

一、概述

springboot 默认静态资源访问的路径为:/static 或 /public 或 /resources 或 /META-INF/resources 这样的地址都必须定义在src/main/resources目录文件中,这样可以达到在项目启动时候可以自动加载为项目静态地址目录到classpath下 ,静态访问地址其实是使用 ResourceHttpRequestHandler 核心处理器加载到WebMvcConfigurerAdapter进行对addResourceHandlers方法进行覆盖.将静态访问目录进行重新定义。我们也可以实现其中方法,手动指定静态访问路径通过继承WebMvcConfigurerAdapter重写内部方法addResourceHandlers也可以达到我们想要的效果。

二、静态资源配置方案

方案1、默认采用springboot 静态资源路径在src/main/resources创建/static 或 /public 或 /resources 或 /META-INF/resources可以直接访问静态资源,默认会放到classpath目录中

方案2、通过application.properties配置spring.resources.static-locations=classpath:/img/ 指定自定义静态文件的目录位置,,多个使用逗号分隔,springboot自动失效

方案3、创建StaticController类继承WebMvcConfigurerAdapter 重写addResourceHandlers 指定静态访问资源目录

f0414590d1fc9dc666217e14d569775c.png

addResourceHandler 表示拦截请求,如果遇到/img请求就会找 classpath:/img/中找到对应资源的位置,找到图片,如果没有找到就返回404错误

addResourceLocations 访问本地资源内容对应的映射路径

以上所述是小编给大家介绍的SpringBoot静态资源css,js,img配置方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Spring Boot中,可以通过以下步骤方便地配置和访问静态资源: 1. 在src/main/resources目录下创建一个名为static的文件夹(如果不存在)。 2. 将静态资源文件(如CSS,JavaScript和图像文件等)放入static文件夹中。 3. 在application.properties或application.yml文件中添加以下配置: * application.properties ```properties # 配置静态资源路径 spring.resources.static-locations=classpath:/static/ ``` * application.yml ```yaml # 配置静态资源路径 spring: resources: static-locations: classpath:/static/ ``` 4. 在HTML文件中通过相对路径引用静态资源。例如,如果要引用CSS文件,则可以使用以下代码: ```html <link rel="stylesheet" href="css/style.css"> ``` 如果要引用图片,则可以使用以下代码: ```html <img src="img/logo.png" alt="Logo"> ``` 注意:如果静态资源文件放在static文件夹的子文件夹中,则应该在相对路径中包含子文件夹名称。例如,如果要引用static/css/style.css,则可以使用以下代码: ```html <link rel="stylesheet" href="css/style.css"> ``` 5. 在浏览器中访问静态资源。例如,如果要访问index.html文件,则可以在浏览器中输入以下URL: ``` http://localhost:8080/index.html ``` 如果要访问静态资源文件夹中的其他文件,则可以在URL中包含相对路径。例如,如果要访问static/css/style.css,则可以使用以下URL: ``` http://localhost:8080/css/style.css ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值