Springboot 使用thymeleaf 服务器无法加载resources中的静态资源异常处理

以你之姓@ 2024-03-26 13:34 13阅读 0赞

#### 目录 ####

*  一、异常错误
 *  二、原因
 *  三、解决方法
 *   *  方法1. 将无法编译的静态资源放入可编译目录下
     *  方法2. 重新编译项目加载资源
     *  方法3. 修改pom.xml资源配置文件
     *  方法4. 不连接远程数据库启动，使用本地数据库

## 一、异常错误 ##

Springboot使用thymeleaf，并连接远程数据库启动时，无法加载resources中的静态资源

浏览器报错

Failed to load resource: the server responded with a status of 404 ()

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

后端启动时报错

Servlet.service() for servlet [dispatcherServlet] in context with path [/ce] threw exception [Request processing failed; nested exception is org.thymeleaf.exceptions.TemplateInputException: Error resolving template

![在这里插入图片描述][5d531f5a6b2c49c4b7320b1aa70b69a2.png]  
前端打开页面时后端报错

Exception processing template "/web/studyOutline/studyOutline": Error resolving template [/web/studyOutline/studyOutline], template might not exist or might not be accessible by any of the configured Template Resolvers

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

## 二、原因 ##

打包编译项目，显示找不到js、css、html等静态资源，但本地路径并没有写错，于是我去找编译文件，查看是不是静态资源没有编译到，打开项目下的target文件夹

![在这里插入图片描述][e0aca7df7e1f4b27bd6e825f3aad3209.png]  
前往classes文件夹，发现项目resources下对应的templates韦文件夹没有编译到，缺少静态资源，当然会报错了

![在这里插入图片描述][c6a1e7cad49e43e18d765a3def1ffb51.png]  
![在这里插入图片描述][d236eba4b35f4e53811174744da02cd0.png]

## 三、解决方法 ##

### 方法1. 将无法编译的静态资源放入可编译目录下 ###

既然服务器不能编译templates文件夹，那么把templates文件夹放入calsses路径下即可，这样处理就能获取templats下的静态资源了，但如果静态资源有改动，需要手动放入classes文件夹下，再次启动项目即可读取资源

![在这里插入图片描述][878fa36bc3fb4134b2f640a292c4bd75.png]  
如果再次启动项目，还是显示找不到js、css、html等静态资源，请看方法2

### 方法2. 重新编译项目加载资源 ###

由于服务器编译拦截了静态资源，导致出现异常，需要重新打包编译

打开IDEA带的Maven管理，双击clean清除由项目编译创建的target

再双击install安装jar包到本地仓库  
![在这里插入图片描述][2a5fe8f34b67415884fc01f294c6515b.png]

项目打包出现异常

[INFO] Using 'UTF-8' encoding to copy filtered resources.
    [INFO] Using 'UTF-8' encoding to copy filtered properties files.

![在这里插入图片描述][28985127e582421f8a00e413c6c34917.png]

系统默认编码是GBK，maven提升需要使用UTF-8，在setting中修改项目编码为UTF-8

![在这里插入图片描述][9cec1dc37bd64f76b9bc693bdf7d9ea8.png]

![在这里插入图片描述][18b61a1d7ca1455a885abbb08d52c8ec.png]

出现 Failed to execute goal是由于测试用例有问题，

Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-test) on project springboot_04_profile: Input length = 1 -> [Help 1]

![在这里插入图片描述][9e6d86c1fda1469b8b5085cb3b5b8209.png]

选择跳过测试用例

![在这里插入图片描述][3148de2b92f14bfeb44f67532498b23e.png]

再次双击install，编译成功，启动项目即可读取静态资源

![在这里插入图片描述][46ccd14a293b490a9170b09ed5a19a45.png]  
如果设置编码还是打包失败，或者显示找不到js、css、html等静态资源，请看方法3

### 方法3. 修改pom.xml资源配置文件 ###

如果设置编码还是打包失败，或者显示找不到js、css、html等静态资源，说明服务器没有访问资源的权限，需要在pom.xml的build下引入资源文件

<resources>
                <resource>
                    <directory>src/main/resources</directory>
                    <includes>
                        <include>**/*.css</include>
                        <include>**/*.js</include>
                        <include>**/*.html</include>
                        <include>**/*.png</include>
                        <include>**/*.properties</include>
                        <include>**/*.yml</include>
                        <include>**/*.xml</include>
                        <include>**/*.conf</include>
                    </includes>
                </resource>
            </resources>

再次insall，显示打包成功，浏览器404的问题也解决了，加载了静态资源

![在这里插入图片描述][4ef4ac071312483e9cf70dd08c0bf5bd.png]

### 方法4. 不连接远程数据库启动，使用本地数据库 ###

开头说了，Springboot使用thymeleaf，并连接远程数据库启动时，无法加载resources中的静态资源，这是一个大坑，如果不连接远程数据库启动，则不存在服务器访问资源的问题

打开application.properties配置文件，注释掉连接远程数据库的代码，改用本地数据库，就不会有访问资源的问题了，可以直接加载，浏览器不再出现Failed to load resource问题

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

> 异常索引
> 
>  *  Failed to load resource: the server responded with a status of 404 ()
>  *  Servlet.service() for servlet \[dispatcherServlet\] in context with path \[/ce\] threw exception \[Request processing failed; nested  
>     exception is org.thymeleaf.exceptions.TemplateInputException: Error  
>     resolving template
>  *  Exception processing template “/web/studyOutline/studyOutline”: Error resolving template \[/web/studyOutline/studyOutline\], template  
>     might not exist or might not be accessible by any of the configured  
>     Template Resolvers
>  *  \[INFO\] Using ‘UTF-8’ encoding to copy filtered resources. \[INFO\] Using ‘UTF-8’ encoding to copy filtered properties files.
>  *  Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources  
>     (default-test) on project springboot\_04\_profile: Input length = 1 ->  
>     \[Help 1\]

[f6529927e8454265ad9eb665c1888b03.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/05c2f8f9dbc943768b0b610ec8e944c5.png
[5d531f5a6b2c49c4b7320b1aa70b69a2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/27c7aa1d988e4ae1ad59c26e47a2a80b.png
[b589b77ad2324612bb59dc4f947dabd9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/3c618a093c2e4367889c44c1e2b6d1fb.png
[e0aca7df7e1f4b27bd6e825f3aad3209.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9571d5912bb84f7f8fdfd81c94f8b1dc.png
[c6a1e7cad49e43e18d765a3def1ffb51.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/96cbbe354384470caa78d316669ad1a1.png
[d236eba4b35f4e53811174744da02cd0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/5219f026e39843b59f3279cbdeeb76e3.png
[878fa36bc3fb4134b2f640a292c4bd75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/8628a0199bd744c4995bb00fd98e76d3.png
[2a5fe8f34b67415884fc01f294c6515b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/74295ecfc562409c8d4c5f547d4347be.png
[28985127e582421f8a00e413c6c34917.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2dd05784b61644a88eedc1926a5fd156.png
[9cec1dc37bd64f76b9bc693bdf7d9ea8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/4e2389406c444751af6138a15ae9e2d2.png
[18b61a1d7ca1455a885abbb08d52c8ec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9e8ba7861aff4db1a090f7990a134785.png
[9e6d86c1fda1469b8b5085cb3b5b8209.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/d2f671975ca642fca76521cfcb5dba3e.png
[3148de2b92f14bfeb44f67532498b23e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a198cf0973884ef1999b9c5b4d84b586.png
[46ccd14a293b490a9170b09ed5a19a45.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/bef79b13037c480baa5b21132b860d1e.png
[4ef4ac071312483e9cf70dd08c0bf5bd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/67f39a29aaf94669b20bb5857b16e739.png
[f4d77a403ae34a13ac76d5d0358c5195.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/055561760aac43d299e684a61814e857.png