【springboot】8、静态资源访问

一时失言乱红尘 2023-09-23 13:03 34阅读 0赞

### 文章目录 ###

*  基本说明
 *  默认静态资源访问位置
 *  修改默认访问路径
 *  自定义静态资源访问前缀

# 基本说明 #

在springboot中我们该如何访问静态资源呢？下面我就将一张图片放在的resources目录下  
![在这里插入图片描述][d3639d5f5fd147a2bdc2ef87e7800973.png]  
启动程序，发现图片无法进行访问  
![在这里插入图片描述][9f9e0e048daf444b893d67a234d7baa5.png]  
这篇文章会说明在springboot中如何进行静态资源的访问

# 默认静态资源访问位置 #

在springboot中，WebProperties这个类中定义了默认的访问位置

![在这里插入图片描述][31ffa1e86e6b408191eb87138e275ff0.png]

> 可以发现默认的访问位置为，类路径:\[/META-INF/resources/， /resources/， /static/， /public/\]

下面将图片放入到static目录下

![在这里插入图片描述][998904ca97e14fe3b5d235c200157478.png]

启动项目，继续访问该图片,可以发现已经可以成功访问了

![在这里插入图片描述][8b8dd9e11ece435dbaffd7b91546412d.png]

注意：**不需要将默认访问位置的目录名称带上，另外的3个位置一样的**

# 修改默认访问路径 #

通过上面，我们知道，默认访问路径是通过WebProperties进行指定的，那么我们只需要更改默认的那个属性即可，先去查看下该类读取配置文件的前缀

![在这里插入图片描述][115b4aeccfb94a2ea0bd36ed09135e0c.png]  
![在这里插入图片描述][95c981bf5a394ba09054df6faaaa760c.png]

前缀为spring.web，那么我们直接在配置文件中定位到spring.web，然后修改相应属性即可，由于staticLocations在内部类Resources中，所以我们修改的位置基本就确定为了spring.web.resources.staticLocations了，当然这个是驼峰命名，我们将驼峰更改为-进行分隔也没有问题

![在这里插入图片描述][5ba9730a92614a3b85f8628a9df207fa.png]

上面我设置静态资源访问路径就是类路径，我们只需要将静态资源放到类路径，也就是resources下就行了，我复制了一张图片到类路径下，我们访问试一下  
先访问static目录下的lkls.png，发现无法访问了，因为我们已经修改默认静态资源路径了嘛

![在这里插入图片描述][8f019c5b7b47454c97d50b29c3ca7c2e.png]

然后我们再去访问类路径下的my-lkls.png，可以成功访问，说明已经修改成功了

![在这里插入图片描述][22b068042c624112b2d3b736ba45677c.png]

# 自定义静态资源访问前缀 #

前面我们访问静态资源都是没有前缀的，我们可以自定义一个前缀，这个是在WebMvcProperties中进行设置的

![在这里插入图片描述][ca3b68e763284152acb095401d600d4b.png]  
![在这里插入图片描述][4a06b0b1472f40aa8ca6f40e010a9f52.png]  
静态资源的访问前缀就是staticPathPattern这个属性控制的，要自定义，老样子，我们只需要再配置文件中修改即可，可以看见前缀为spring.mvc，我们去对应位置修改就可以了

![在这里插入图片描述][6834366710c24c26ac3b5b859f7b7c15.png]

我将访问静态资源前缀设置为了xxx，下面我们不加前缀访问一下

![在这里插入图片描述][6a3a93701ee6406c99cad77a23e3cc3d.png]

可以发现已经不能够访问了，现在加上xxx前缀，可以正常访问

![在这里插入图片描述][1dea5ea642d5400a955133f1e13aa0d0.png]

[d3639d5f5fd147a2bdc2ef87e7800973.png]: https://img-blog.csdnimg.cn/d3639d5f5fd147a2bdc2ef87e7800973.png
[9f9e0e048daf444b893d67a234d7baa5.png]: https://img-blog.csdnimg.cn/9f9e0e048daf444b893d67a234d7baa5.png
[31ffa1e86e6b408191eb87138e275ff0.png]: https://img-blog.csdnimg.cn/31ffa1e86e6b408191eb87138e275ff0.png
[998904ca97e14fe3b5d235c200157478.png]: https://img-blog.csdnimg.cn/998904ca97e14fe3b5d235c200157478.png
[8b8dd9e11ece435dbaffd7b91546412d.png]: https://img-blog.csdnimg.cn/8b8dd9e11ece435dbaffd7b91546412d.png
[115b4aeccfb94a2ea0bd36ed09135e0c.png]: https://img-blog.csdnimg.cn/115b4aeccfb94a2ea0bd36ed09135e0c.png
[95c981bf5a394ba09054df6faaaa760c.png]: https://img-blog.csdnimg.cn/95c981bf5a394ba09054df6faaaa760c.png
[5ba9730a92614a3b85f8628a9df207fa.png]: https://img-blog.csdnimg.cn/5ba9730a92614a3b85f8628a9df207fa.png
[8f019c5b7b47454c97d50b29c3ca7c2e.png]: https://img-blog.csdnimg.cn/8f019c5b7b47454c97d50b29c3ca7c2e.png
[22b068042c624112b2d3b736ba45677c.png]: https://img-blog.csdnimg.cn/22b068042c624112b2d3b736ba45677c.png
[ca3b68e763284152acb095401d600d4b.png]: https://img-blog.csdnimg.cn/ca3b68e763284152acb095401d600d4b.png
[4a06b0b1472f40aa8ca6f40e010a9f52.png]: https://img-blog.csdnimg.cn/4a06b0b1472f40aa8ca6f40e010a9f52.png
[6834366710c24c26ac3b5b859f7b7c15.png]: https://img-blog.csdnimg.cn/6834366710c24c26ac3b5b859f7b7c15.png
[6a3a93701ee6406c99cad77a23e3cc3d.png]: https://img-blog.csdnimg.cn/6a3a93701ee6406c99cad77a23e3cc3d.png
[1dea5ea642d5400a955133f1e13aa0d0.png]: https://img-blog.csdnimg.cn/1dea5ea642d5400a955133f1e13aa0d0.png