SpringBoot专题学习Part12：SpringBoot在Web开发中对静态资源的映射规则

爱被打了一巴掌 2023-05-28 15:44 105阅读 0赞

静态资源是例如js css img等资源  
SpringBoot里的映射规则有很多种  
让我们分类来了解：

# 一、配置webjars的路径 #

**所有/webjars/`**`都会在/META-INF/resources/webjars/下寻找静态资源**  
**webjars：以jar包的方式导入静态资源**  
可以以**Maven依赖**的方式引入例如jquery bootstrap等js文件

<dependency>
                <groupId>org.webjars</groupId>
                <artifactId>jquery</artifactId>
                <version>3.3.1</version>
    </dependency>

这是一项比较神奇的功能…我也是第一次见  
之前都是直接把js文件给加到项目中的  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BpY29uam8_size_16_color_FFFFFF_t_70]  
在上图中的这个例子里 通过ip:8080/webjars/jquery/3.3.1/jquery.js可直接访问到jquery文件  
在访问时 只需**写webjars下的资源名称**即可

底层是这样的：

@ConfigurationProperties(prefix = "spring.resources", ignoreUnknownFields = false)
    public class ResourceProperties {
        
        ...
    }

因此 可在ResourceProperties这个类里设置和静态资源相关的参数 缓存时间

--------------------

# 二、配置静态资源映射的路径 #

在SpringBoot中 有五个静态资源默认的寻找位置：

classpath:/META-INF/resources/
    classpath:/resources/
    classpath:/static/
    classpath:/public/
    / ：即当前项目的根路径

classpath：classpath就是类路径  
main包下的java包或resources包都属于类路径  
(不过基本都是放在resources下 几乎不会放在java下的…)  
![在这里插入图片描述][20200316173233464.png]  
静态资源默认被`/**`映射  
**相当于 访问ip:8080/abc即会从静态资源文件夹里找abc**  
访问时 **无须带静态资源文件夹名称**

例：  
![在这里插入图片描述][20200316173322139.png]  
上图这种情况 直接通过http://ip:8080/asserts/js/bootstrap.min.js来访问

--------------------

# 三、配置欢迎页的映射的路径 #

SpringBoot会搜索**静态资源文件夹**下的所有名为**index.html**的页面  
且被`/**`映射 即 访问ip:8080/视为访问静态资源文件夹下的名为index.html的页面文件  
![在这里插入图片描述][20200316173525249.png]

--------------------

# 四、配置标签中的小图标的路径 #

小图标即favicon 是在浏览器小标签左侧的小图标  
![在这里插入图片描述][20200316173652577.png]  
SpringBoot会扫描静态资源文件夹下的所有名为**favicon.ico**的图标  
且被`/**`映射 即 访问ip:8080/视为访问静态资源文件夹下的名为favicon.ico的图标  
![在这里插入图片描述][20200316173721183.png]  
![成功][20200316173733269.png]

--------------------

**该静态资源的路径还可自己配置**

在配置文件中用`spring.resources.static-locations`进行配置  
例：`spring.resources.static-locations=classpath:/aaa,classpath:/bbb`  
多个路径之间用**逗号**分隔

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BpY29uam8_size_16_color_FFFFFF_t_70]: /images/20230528/745cf7fed67345518bfc8ed5bf531cc0.png
[20200316173233464.png]: /images/20230528/590cd6b7b899413286e55b35127de2bd.png
[20200316173322139.png]: /images/20230528/3824a96f9d1741f2b51c9d2d8502fb04.png
[20200316173525249.png]: /images/20230528/d74b16ee2ce14466a92cdd802600ae5f.png
[20200316173652577.png]: /images/20230528/3661ee438dbe490cbd33cb17ae8afc0b.png
[20200316173721183.png]: /images/20230528/850c10e9e24f4028b78ecf5d327e9964.png
[20200316173733269.png]: /images/20230528/635b3de371564d25822cd7dbb2856fdf.png