SpringBoot项目无法访问resources/templates下静态资源文件

Dear 丶 2023-10-10 10:59 48阅读 0赞

#### 问题描述： ####

使用SpringBoot项目写一个文件上传的需求，发现在项目启动后无法直接访问resources/templates下的静态资源页面（html页面）。

#### 问题原因： ####

SpringBoot项目中resources/templates下的静态资源是不能直接访问的，原因是没有开放访问权限的，因为templates下可能存放有后台管理的页面资源，当templates对外开放就会产生安全隐患，所以templates下的资源需要通过ViewResolver(视图解析器)去解析访问，大体流程 前端request请求->DispatcherServlet（前端控制器）-> Controller层的跳转方法 -> ViewResslver（视图解析器）->templates下的静态资源（SpringMVC的工作流程）。

#### 解决办法： ####

--------------------

注意：

1、这里需要使用@Controller，不能使用@RestController，不然会以Json格式响应到页面，不会进行视图解析（如下图）。

![2020041211354134.png][]

--------------------

通过访问Controller层方法跳转到需要访问的静态资源：

![20200412110951483.png][]

需要访问的视图资源：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXppY2M_size_16_color_FFFFFF_t_70][]

如果通过Controller层方法还是不能跳转成功并且显示：  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXppY2M_size_16_color_FFFFFF_t_70 1][]

原因可能是没有添加模板引擎，SpringBoot访问静态资源只支持静态模板引擎（SpringBoot默认不支持jsp作为视图），所以这里我添加了thymeleaf：

<dependency>
        <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

--------------------

访问成功：

![20200412111551556.png][]

[2020041211354134.png]: https://img-blog.csdnimg.cn/2020041211354134.png
[20200412110951483.png]: https://img-blog.csdnimg.cn/20200412110951483.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXppY2M_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020041211125214.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXppY2M=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXppY2M_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200412112106937.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXppY2M=,size_16,color_FFFFFF,t_70
[20200412111551556.png]: https://img-blog.csdnimg.cn/20200412111551556.png