SpringBoot訪(fǎng)問(wèn)web中的靜態(tài)資源的方式小結(jié)

更新時(shí)間：2024年10月10日 11:14:36 作者：Charge8

這篇文章主要介紹了SpringBoot訪(fǎng)問(wèn)web中的靜態(tài)資源的方式,本文給大家介紹了兩種方式,通過(guò)代碼示例和圖文講解的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下

一、SpringBoot 訪(fǎng)問(wèn)web中的靜態(tài)資源

SpringBoot默認(rèn)指定了一些固定的目錄結(jié)構(gòu)，靜態(tài)資源放到這些目錄中的某一個(gè)，系統(tǒng)運(yùn)行后瀏覽器就可以訪(fǎng)問(wèn)到。

1、SpringBoot 默認(rèn)指定的可以存放靜態(tài)資源的目錄有哪些？

classpath:/META-INF/resources/ ## 需創(chuàng)建/META-INF/resources/ 目錄
classpath:/resources/ ## 需創(chuàng)建/resources/目錄
classpath:/static/ ## 工具自動(dòng)生成的static目錄，也是用的最多的目錄
classpath:/public/ ## 需創(chuàng)建/public/ 目錄
/ ## 指的是 src/main/webapp/ 需創(chuàng)建/webapp/ 目錄

查看源碼可以找到靜態(tài)資源攔截的自動(dòng)化的配置信息：在 WebMvcAutoConfiguration 類(lèi)中的 addResourceHandlers方法。

2、在全局配置文件中自定義--修改這些默認(rèn)的目錄

注意： 修改后，除配置的目錄以外其他目錄就不可以再訪(fǎng)問(wèn)靜態(tài)資源了（SpringBoot 2.1.4 試了好像可以）

方式一：配置文件修改

YAML 文件：

server:
  port: 80
spring:
  resources:
    static-locations:
      - classpath:resources
      - classpath:static
  mvc:
    static-path-pattern: /**

properties 文件

server.port=80
spring.resources.static-locations=classpath:resources,classpath:static
spring.mvc.static-path-pattern=/**

第一行配置表示定義資源位置，第二行配置表示定義請(qǐng)求 URL 規(guī)則。

方式二：配置類(lèi)修改

@Configuration
public class WebMVCConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**").addResourceLocations("classpath:/static/","classpath:/aa");
    }
}

訪(fǎng)問(wèn)的時(shí)候就需要寫(xiě)完整路徑 http://127.0.0.1:8080/static/abc23.jpg。

3、SpringBoot 默認(rèn)的首頁(yè)是放在任一個(gè)靜態(tài)資源目錄下的index.html

4、SpringBoot 默認(rèn)的web頁(yè)面圖標(biāo)是放在任一靜態(tài)資源目錄下的favicon.ico

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h4>SpringBoot訪(fǎng)問(wèn)web中的靜態(tài)資源</h4>
    <img src="abc23.jpg" width="300px" height="250px">
</body>
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
    $(function () {
        alert("hello 首頁(yè)！");
    })
</script>
</html>