Spring MVC访问静态资源总出错?看这里,原理给你讲清楚

缺乏、安全感 2021-08-30 23:08 412阅读 0赞

> 之前文章讲到Spring MVC的`基础概念`,`基本开发流程`,和如何在Spring MVC中`传值`和`接受参数`以及Spring MVC的`跳转(重定向和转发)`

> 之前文章链接  
> [Spring MVC从0到1,推荐新手收藏(超详细)][Spring MVC_0_1]

> 这篇文章文章讲Spring MVC`访问静态资源`

### 文章目录 ###

*  静态资源
 *   *  如何解决静态资源无法访问的问题?
     *  解决方案一
     *  解决方案二
     *  解决方案三

# 静态资源 #

>  *  静态资源(内容不会改变的资源):HTML,js文件,css文件,图片文件等都是静态资源
>  *  或者换一句话说:在`所有的客户`访问同一页面时,获取到的内容是相同的,不会因为用户的不同而改变

> **静态文件没有url-pattern,所以默认是访问不到的,之所以可以访问,是因为,tomcat中有一个全局的servlet:`org.apache.catalina.servlets,DefaultServlet`,它的url-pattern是"/"是全局默认的Servlet.**
> 
> **所以每个项目中不能匹配的静态资源的请求,有这个Servlet来处理**

<table> 
 <thead> 
  <tr> 
   <th align="center">Tomcat中的web.xml中有默认的全局的servlet</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center"><img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9naXRlZS5jb20vbGVpeXVqaWEvY3Nkbi9yYXcvbWFzdGVyL2ltYWdlLTIwMjAwNjI0MTc1ODQ1NTkxLnBuZw?x-oss-process=image/format,png" alt="image-20200624175845591"></td> 
  </tr> 
  <tr> 
   <td align="center"><img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9naXRlZS5jb20vbGVpeXVqaWEvY3Nkbi9yYXcvbWFzdGVyL2ltYWdlLTIwMjAwNjI0MTc1ODU0NDM2LnBuZw?x-oss-process=image/format,png" alt="image-20200624175854436"></td> 
  </tr> 
 </tbody> 
</table>

那我们直接在Spring MVC中来写html,结果:

<table> 
 <thead> 
  <tr> 
   <th align="center">令人愤怒的404</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center"><img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9naXRlZS5jb20vbGVpeXVqaWEvY3Nkbi9yYXcvbWFzdGVyL2ltYWdlLTIwMjAwNjI0MTc1NTAzMzc0LnBuZw?x-oss-process=image/format,png" alt="image-20200624175503374"></td> 
  </tr> 
 </tbody> 
</table>

![image-20200624180230532][]

**这是为什么?**

> 因为我们的项目的web.xml中也配置了一个servlet,且路径也是"/" ,这就导致了原本的`tomcat中的全局servlet失效`

<table> 
 <thead> 
  <tr> 
   <th align="center">我们配置的DispatcherServlet</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center"><img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9naXRlZS5jb20vbGVpeXVqaWEvY3Nkbi9yYXcvbWFzdGVyL2ltYWdlLTIwMjAwNjI0MTgxNDM3NDczLnBuZw?x-oss-process=image/format,png" alt="image-20200624181437473"></td> 
  </tr> 
 </tbody> 
</table>

> 我们配置的DispatcherServlet也采用"/"作为url-pattern,而我们配置的DispatcherServlet是用来拦截控制器的,而不是静态资源
> 
> `最终导致了静态资源的无法访问`

## 如何解决静态资源无法访问的问题? ##

## 解决方案一 ##

> 既然找到了原因,是因为我们配置了DispatcherServlet而导致静态资源无法访问,那么只能委屈DispatcherServlet另外换一个路径

> **DispatcherServlet采用其他的url-pattern** ,比如: \*.action
> 
> **此时,所有访问handler(也就是控制器中具体的方法)的路径都要以action结尾!**

<servlet>
            <servlet-name>mvc_leiyu</servlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
            
            <init-param>
                <param-name>contextConfigLocation</param-name>
                <param-value>classpath:mvc.xml</param-value>
            </init-param>
            
            <load-on-startup>1</load-on-startup>
        </servlet>
        <servlet-mapping>
            <servlet-name>mvc_leiyu</servlet-name>
            <url-pattern>*.action</url-pattern>
        </servlet-mapping>

<table> 
 <thead> 
  <tr> 
   <th align="center">该handler的访问路径:http://localhost:8080/data/test1.action</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center"><img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9naXRlZS5jb20vbGVpeXVqaWEvY3Nkbi9yYXcvbWFzdGVyL2ltYWdlLTIwMjAwNjI0MTgxNzA2NDU5LnBuZw?x-oss-process=image/format,png" alt="image-20200624181706459"></td> 
  </tr> 
 </tbody> 
</table>

## 解决方案二 ##

> **我和DispatcherServlet商量了一下,让它换一个路径访问,它说这样访问`太麻烦`了,而且凭什么要它改路径,并给我扔过来衣蛾图片让自己体会**

![image-20200624182153245][]

既然,商量无果,不愿意改路径还要静态资源正常访问

> 那么只能追加配置了

<mvc:default-servlet-handler/>

## 解决方案三 ##

> 当争吵不休时,最终还是静态资源让了步,`静态资源`愿意约束自己,给自己访问时路径发生一点变化

> 在webapp目录下创建html目录,用来放静态的html资源,其他的静态资源同理
> 
> 配置

<mvc:resources mapping="/html/**" location="/hhh/" />

*  mapping是访问路径,location是静态资源的存放路径(建议同名,见名知意,为了讲述原理,这里不同名)
 *  将/html/\*\* 中/\*\*匹配到的内容,拼接在/hhh后就是资源的实际的路径

>  *  http://…/html/a.html 访问的资源时/hhh/a.html
>  *  http://…/page/b.html 访问的资源时/page/b.html

> 我是雷雨,一个`普本科`的学生,主要专注于Java后端和大数据开发

> 如果这篇文章有帮助到你,希望你给我一个`大大的赞`  
> 如果有什么问题,希望你能`留言`和我一起`研究`,`学习靠自觉,分享靠自愿`

> 转载注明出处  
> [https://blog.csdn.net/qq\_40742223][https_blog.csdn.net_qq_40742223]

[Spring MVC_0_1]: https://blog.csdn.net/qq_40742223/article/details/106946859
[image-20200624180230532]: /images/20210724/a683ecc4aa63444380c166db6d418121.png
[image-20200624182153245]: /images/20210724/0cd5e9e68eb14dfca35883b9b42a0eef.png
[https_blog.csdn.net_qq_40742223]: https://blog.csdn.net/qq_40742223