java

关注公众号 jb51net

关闭
首页 > 软件编程 > java > SpringBoot访问web静态资源

SpringBoot访问web中的静态资源的方式小结

作者：Charge8

这篇文章主要介绍了SpringBoot访问web中的静态资源的方式,本文给大家介绍了两种方式,通过代码示例和图文讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下

总体来讲 SpringBoot 访问web中的静态资源，有两个方式：

1、classpath 类目录 (src/mian/resource)

classpath 即 WEB-INF 下面的 classes 目录 ，在 SpringBoot  项目中是 src/main/resource 目录。

2、ServletContext 根目录下( src/main/webapp )

一、SpringBoot 访问web中的静态资源

SpringBoot默认指定了一些固定的目录结构，静态资源放到这些目录中的某一个，系统运行后浏览器就可以访问到。

1、SpringBoot 默认指定的可以存放静态资源的目录有哪些？

查看源码可以找到静态资源拦截的自动化的配置信息：在 WebMvcAutoConfiguration 类中的 addResourceHandlers方法。

2、在全局配置文件中自定义--修改这些默认的目录

注意： 修改后，除配置的目录以外其他目录就不可以再访问静态资源了（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=/**

第一行配置表示定义资源位置，第二行配置表示定义请求 URL 规则。

方式二：配置类修改

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

访问的时候就需要写完整路径 http://127.0.0.1:8080/static/abc23.jpg。

3、SpringBoot 默认的首页是放在任一个静态资源目录下的index.html   

4、SpringBoot 默认的web页面图标是放在任一静态资源目录下的favicon.ico

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h4>SpringBoot访问web中的静态资源</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 首页！");
    })
</script>
</html>

将静态资源放在上面指定的目录中，即可访问 index.html

二、把静态资源打成jar包引入系统后供访问

常用的静态资源jar包的maven依赖网站：http://www.webjars.org

把依赖配置到maven的pom.xml中，就可以在网站根目录/webjars/jquery/1.12.4/jquery.js访问到资源！

index.html 正常引用 js，也正常访问到。

以上就是SpringBoot访问web中的静态资源的方式小结的详细内容，更多关于SpringBoot访问web静态资源的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:
阅读全文