SpringBoot 直接访问静态资源

桃扇骨 2021-09-24 16:14 660阅读 0赞

一般现在都前后端分离方式，SpringBoot主要提供接口服务，但有时候有一些小项目就希望一个jar前后端都搞定，因此一些页面等静态资源都放入SpringBoot中。 这里记录一下静态资源访问方式和引入shiro后的修改。

# SpringBoot 默认静态资源访问配置 #

SpringBoot 默认配置就可以直接URL访问下面路径下的静态资源

1.  classpath:/META-INF/resources/
2.  classpath:/resources/
3.  classpath:/static/
4.  classpath:/public/

顺序优先级按照上面的顺序  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d6dDE5ODgxMTIz_size_16_color_FFFFFF_t_70_pic_center]  
假设端口设为8080，URL访问 **http://localhost:8080/index.html** 请注意URL路径中不用加static/

测试结果发现，优先访问的 META-INF->resources 下的index.html

SpringBoot 默认配置的静态资源路径的值由变量**spring.resources.static-locations**控制，一般我们也不用去修改它

spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/
    static/,classpath:/public/ # Locations of static resources.

# 引入shiro 或 security后的拦截过滤 #

假设一开始 shiro或security对SpringBoot的所有访问路径（/\*\*）都做了拦截，  
这种情况下，我希望将我的页面、js、css、图片等静态资源放入static下，让shiro或security不拦截这些资源，如何配置？

假设你的静态资源目录如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d6dDE5ODgxMTIz_size_16_color_FFFFFF_t_70_pic_center 1]

一开始以为这样：

filterRuleMap.put("/static/**", "anon");

即放开static路径下的所有静态资源，**但发现访问 404.**

其实 src/main/resources/static 是存放静态资源的目录而不是url的访问目录，你应该是对static目录下资源进行配置过滤规则。

你可以这样配置，下面的是shiro的静态资源过滤配置，security的一样，主要是哪些url路径需要过滤。

// 图片js文件等过滤配置
    filterRuleMap.put("/css/**", "anon");
    filterRuleMap.put("/js/**", "anon");
    filterRuleMap.put("/img/**", "anon");
    filterRuleMap.put("/pages/**", "anon");
    // 首页过滤配置
    filterRuleMap.put("/index.html", "anon");
    filterRuleMap.put("/", "anon");

这样就可以访问 静态资源了，访问index.html了。

如果你发现要配置很多可以将原来所有文件放入一个统一目录myfiles下，对这个目录进行过滤即可，如下图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d6dDE5ODgxMTIz_size_16_color_FFFFFF_t_70_pic_center 2]

filterRuleMap.put("/myfiles/**", "anon");
    // 首页过滤配置
    filterRuleMap.put("/index.html", "anon");
    filterRuleMap.put("/", "anon");

但这样访问首页时，URL路径里面就需要增加这个myfiles， localhost:8080/myfiles/index.html

一个笨的解决方法是可以增加一个额外的index.html页面，直接跳转/myfiles/index.html页面即可。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d6dDE5ODgxMTIz_size_16_color_FFFFFF_t_70_pic_center 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d6dDE5ODgxMTIz_size_16_color_FFFFFF_t_70_pic_center]: /images/20210923/4a662b863868439ea97171a581a77cbe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d6dDE5ODgxMTIz_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210923/411eba4f0c5c4448b9a780ae05b5e55e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d6dDE5ODgxMTIz_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20210923/62d6f15d232947ed8e65bd8cb4d9fe94.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d6dDE5ODgxMTIz_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20210923/c8e76c3f37d34612aa63baa255fa3282.png