訪問靜態(tài)資源遇到的坑及解決

開始是以這種結(jié)構(gòu)進(jìn)行的，結(jié)果頁面上一篇紅，訪問的頁面是這樣的

最終找出來問題，雖然每次調(diào)整路徑都不對(duì)，最終查看多種方法可以看到了：

增加：

package com.example.demo.config;
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@Component
public class WebConfig implements WebMvcConfigurer {
/*
     * 添加靜態(tài)資源文件，外部可以直接訪問地址
     *
     * @param registry
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }
}

這樣就可以地方問到了：

直接訪問靜態(tài)資源的問題

一般現(xiàn)在都前后端分離方式，SpringBoot主要提供接口服務(wù)，但有時(shí)候有一些小項(xiàng)目就希望一個(gè)jar前后端都搞定，因此一些頁面等靜態(tài)資源都放入SpringBoot中。 這里記錄一下靜態(tài)資源訪問方式和引入shiro后的修改。

SpringBoot 默認(rèn)靜態(tài)資源訪問配置

SpringBoot 默認(rèn)配置就可以直接URL訪問下面路徑下的靜態(tài)資源

• classpath:/META-INF/resources/
• classpath:/resources/
• classpath:/static/
• classpath:/public/

順序優(yōu)先級(jí)按照上面的順序

假設(shè)端口設(shè)為8080，URL訪問 http://localhost:8080/index.html 請(qǐng)注意URL路徑中不用加static/

測試結(jié)果發(fā)現(xiàn)，優(yōu)先訪問的 META-INF->resources 下的index.html

SpringBoot 默認(rèn)配置的靜態(tài)資源路徑的值由變量spring.resources.static-locations控制，一般我們也不用去修改它

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

引入shiro 或 security后的攔截過濾

假設(shè)一開始 shiro或security對(duì)SpringBoot的所有訪問路徑（/**）都做了攔截，這種情況下，我希望將我的頁面、js、css、圖片等靜態(tài)資源放入static下，讓shiro或security不攔截這些資源，如何配置？

假設(shè)你的靜態(tài)資源目錄如下：

一開始以為這樣：

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

即放開static路徑下的所有靜態(tài)資源，但發(fā)現(xiàn)訪問 404.

其實(shí) src/main/resources/static 是存放靜態(tài)資源的目錄而不是url的訪問目錄，你應(yīng)該是對(duì)static目錄下資源進(jìn)行配置過濾規(guī)則。

你可以這樣配置，下面的是shiro的靜態(tài)資源過濾配置，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");

這樣就可以訪問 靜態(tài)資源了，訪問index.html了。

如果你發(fā)現(xiàn)要配置很多可以將原來所有文件放入一個(gè)統(tǒng)一目錄myfiles下，對(duì)這個(gè)目錄進(jìn)行過濾即可，如下圖所示：

filterRuleMap.put("/myfiles/**", "anon");
// 首頁過濾配置
filterRuleMap.put("/index.html", "anon");
filterRuleMap.put("/", "anon");

但這樣訪問首頁時(shí)，URL路徑里面就需要增加這個(gè)myfiles， localhost:8080/myfiles/index.html

一個(gè)笨的解決方法是可以增加一個(gè)額外的index.html頁面，直接跳轉(zhuǎn)/myfiles/index.html頁面即可。

<script>
    window.location.href = 'pages/index.html';
</script>

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論