在SpringBoot中访问静态资源

Love The Way You Lie 2022-05-22 10:10 370阅读 0赞

转载于：https://blog.csdn.net/w\_x\_z\_/article/details/55657512

第一种方式 : 放在src/main/webapp目录下

放在webapp目录下的静态资源是可以直接访问的

![这里写图片描述][SouthEast]

user.html

![这里写图片描述][SouthEast 1]

2.png

![这里写图片描述][SouthEast 2]

在user.html中引用2.png

![这里写图片描述][SouthEast 3]

第二种方式：放在classpath下

ResourceProperties中的说明

org.springframework.boot.autoconfigure.web.ResourceProperties

private static final String[] CLASSPATH_RESOURCE_LOCATIONS = {
                "classpath:/META-INF/resources/", "classpath:/resources/",
                "classpath:/static/", "classpath:/public/" };

*  1
 *  2
 *  3

静态资源默认放在classpath路径下：Defaults to classpath:\[/META-INF/resources/,/resources/, /static/, /public/\] plus context:/ (the root of the servlet context).

![这里写图片描述][SouthEast 4]

person/index.html

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link href="/css/main.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/js/main.js"></script>
    <script type="text/javascript"> sayHello(); </script>
    </head>
    <body>
        <h3>person page HTML</h3>
    </body>
    </html>

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10
 *  11
 *  12
 *  13
 *  14
 *  15
 *  16
 *  17

![这里写图片描述][SouthEast 5]

通过修改配置项，设置静态资源的位置

application.properties

# 修改默认的静态资源存放目录
    spring.resources.static-locations=classpath:/web/

*  1
 *  2

![这里写图片描述][SouthEast 6]

===========================================================

当在appliction.properties  中配置：

spring.resources.static\-locations=classpath:/static/ 时，那么你访问的静态资源的路径就是

http://localhost:8080/项目名/static/xxx.html

[SouthEast]: /images/20220522/2f7de3c5d7fb4cfba14aa98c03e8c1d8.png
[SouthEast 1]: /images/20220522/6a07214b279746999b49ba19383183b4.png
[SouthEast 2]: /images/20220522/2782f16ad93c4d5e81812faabf9956a0.png
[SouthEast 3]: /images/20220522/de6fc78ff7244c7d90f9e2cc0032ad39.png
[SouthEast 4]: /images/20220522/53b4405a4ead48ad9a50629cd228d3ac.png
[SouthEast 5]: /images/20220522/4c32ef38f2b241a79d2d37bfa48d91a8.png
[SouthEast 6]: /images/20220522/2361a04b90c14ff9a596e517a6d378f6.png