06SpringBoot访问静态资源

╰半夏微凉° 2023-09-27 11:41 136阅读 0赞

**目录**

一、SpringBoot访问静态资源\_静态资源相关目录

static目录

templates目录

二、SpringBoot访问静态资源\_静态资源其他存放位置

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

## 一、**SpringBoot****访问静态资源****\_****静态资源相关目录** ##

![0478481214a044acbc5fbf8e2432a320.png][]

SpringBoot项目中没有WebApp目录，只有src目录。在src/main/resources 下面有 static 和 templates 两个文件夹。**SpringBoot默认在static 目录中存放静态资源，而 templates 中放动态页面**

### **static****目录**  ###

SpringBoot 通过  /resources/static  目录访问静态资源，在  resources/static  中编写html 页面：

**1.编写page1.html**

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>测试HTML</title>
    </head>
    <body>
    <h1>我的HTML</h1>
    <img src="/img/img.png">
    </body>
    </html>

**2.目录结构：**

![c294e49502954dfc9f70c5d0d75430ac.png][]

### **templates****目录** ###

在 SpringBoot 中不推荐使用 JSP 作为动态页面，而是默认使用Thymeleaf编写动态页面。 templates 目录是存放 Thymeleaf 页面的目录，稍后我们讲解Thymeleaf 技术。

## 二、**SpringBoot****访问静态资源****\_****静态资源其他存放位置**  ##

![a5b376485fc8422fbf35f08e5a4c879a.png][]

除了 /resources/static 目录，SpringBoot还会扫描以下位置的静态资源：

1./resources/META ‐ INF/resources/

2./resources/resources/

3./resources/public/

![9f9935403d3c44d8b2a951c29ebc7319.png][]

我们还可以在配置文件自定义静态资源位置

![09fbed3637af468e867b6949f174a2d0.png][]

自定义静态资源位置不可以直接使用，要在配置文件中配置，这里在application.yaml文件中配置，在 SpringBoot 配置文件进行自定义静态资源位置配置

spring:
      web:
        resources:
          static-locations: classpath:/suibian/,classpath:/static/

> **注意：** 
> 
> **1.** 该配置会覆盖默认静态资源位置，如果还想使用之前的静态资源位置，还需要配置在后面。 
> 
> **2.**SpringBoot2.5之前的配置方式为：  spring.resources.static \- locations

[0478481214a044acbc5fbf8e2432a320.png]: https://img-blog.csdnimg.cn/0478481214a044acbc5fbf8e2432a320.png
[c294e49502954dfc9f70c5d0d75430ac.png]: https://img-blog.csdnimg.cn/c294e49502954dfc9f70c5d0d75430ac.png
[a5b376485fc8422fbf35f08e5a4c879a.png]: https://img-blog.csdnimg.cn/a5b376485fc8422fbf35f08e5a4c879a.png
[9f9935403d3c44d8b2a951c29ebc7319.png]: https://img-blog.csdnimg.cn/9f9935403d3c44d8b2a951c29ebc7319.png
[09fbed3637af468e867b6949f174a2d0.png]: https://img-blog.csdnimg.cn/09fbed3637af468e867b6949f174a2d0.png