springboot web静态资源路径配置及访问

你的名字 2022-10-19 05:58 258阅读 0赞

# springboot默认index.html为首页： #

默认存放路径：template -> index.html

![20210711095243359.png][]

![20210711095236302.png][]

### ** 修改默认的首页：** ###

**提示：更换index.html的存放路径，这种方式，访问没有任何问题，但是如果.html中引入别的css或js等静态资源，无法显示。**

index.htm 文件放在 类文件下的 lxc文件中

spring.web.resources.static-locations=classpath:/lxc/

![20210711101357696.png][]

![20210711101414166.png][]

![20210711101429526.png][]

# **静态资源的访问** #

**1、能够存放静态资源的目录 **(resources 目录下)**：**

/static、/public、/resources、/META-INF/resources

> 如：http://localhost:8080/静态资源名

**2、访问规则**

**原理：**静态资源映射的是 /\*\*

请求进来，先去找 Controller，看能不能处理，如果不能处理，所有请求资源都会交给静态资源处理（前提：controller必须返回一个视图名或静态资源名！），也就是根据返回的名称去查找 存放静态资源的目录，如果查找不到，报：404。

**3、静态资源访问前缀**

默认访问静态资源无前缀，如果想加前缀，在配置文件中添加：  
application.properties

# 访问静态资源时，前缀需要添加 /res/
    spring.mvc.static-path-pattern=/res/**

![20210711095654298.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70][]

**4、在首页引入静态资源**

默认的方式，template ——>  index.html

![20210711105942845.png][]

<!DOCTYPE html>
    
    <html xmlns:th="http://www.thymeleaf.org">
    <html lang="en">
    <head><meta charset="UTF-8"><title>Title</title></head>
    <link rel="stylesheet" href="/static/test.css">
    <body>
        <div>测试;</div>
    </body>
    </html>

index.html中引入了static文件夹下的test.css文件

![20210711110002907.png][]

如果直接访问的话，css文件找不到，需要在配置文件中配置，告诉springboot当访问静态资源的时候，我们要以什么样的路径访问：

spring.mvc.static-path-pattern=/static/**

此时访问，就正常了：

![20210711110346414.png][]

[20210711095243359.png]: /images/20221005/4cede98419634862b5c37153933d2fed.png
[20210711095236302.png]: /images/20221005/9fb4bfc1a28f4578a7ae0e6d3438748b.png
[20210711101357696.png]: /images/20221005/0da976923ca9428a9e55ae99a4f6946e.png
[20210711101414166.png]: /images/20221005/97391f83fcb04cdf9629fcb666dd6cfa.png
[20210711101429526.png]: /images/20221005/0036393a3af440fd8a0d0c6dba9eb5f7.png
[20210711095654298.png]: /images/20221005/5773f341cebc4d31ab3e595da5df7472.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70]: /images/20221005/8bdf547558e64f8f84c0d53a2b4b8aa6.png
[20210711105942845.png]: /images/20221005/493809ba1d894a949492feca91baab07.png
[20210711110002907.png]: /images/20221005/155d080752a1458e863fa6a2d4a3718c.png
[20210711110346414.png]: /images/20221005/ecadb9a34b0040c7915a933f90407166.png