SpringBoot+Thymeleaf访问不存在的路径，跳转到首页后，样式文件无法加载问题处理

爱被打了一巴掌 2022-08-31 12:30 152阅读 0赞

当我访问一个不存在的路径时：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYXZlX2hlYXJ0NHB6ag_size_16_color_FFFFFF_t_70]  
内行的都可以看出，css文件没被正常加载。  
F12查看页面源代码：  
http://127.0.0.1:8080/ssss/css/style.css".  
会发现访问路径多了一个层级 /ssss  
![在这里插入图片描述][0074d41b2c8a45b29fe3c297eae54a69.png]  
一开始，我以为是SpringBoot拦截器代码转发的问题  
我这里是通过拦截器，进行错误跳转的，代码如下：

request.setAttribute("msg","请先登录！");
            RequestDispatcher requestDispatcher = request.getRequestDispatcher("/");
            requestDispatcher.forward(request,response);

最后发现不是。

解决办法：  
最终确定为页面问题，页面上引用资源的方式如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYXZlX2hlYXJ0NHB6ag_size_16_color_FFFFFF_t_70 1]  
更改成：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYXZlX2hlYXJ0NHB6ag_size_16_color_FFFFFF_t_70 2]  
就正常了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYXZlX2hlYXJ0NHB6ag_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYXZlX2hlYXJ0NHB6ag_size_16_color_FFFFFF_t_70]: /images/20220829/5e54602d46344372b3cbe52c59df294b.png
[0074d41b2c8a45b29fe3c297eae54a69.png]: /images/20220829/ab759832349540468fd6564be2d6693b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYXZlX2hlYXJ0NHB6ag_size_16_color_FFFFFF_t_70 1]: /images/20220829/5b7cbac39fd24c3dadc9ba6a09a9c16a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYXZlX2hlYXJ0NHB6ag_size_16_color_FFFFFF_t_70 2]: /images/20220829/033988c65be44fa3815e6ffe801938bd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYXZlX2hlYXJ0NHB6ag_size_16_color_FFFFFF_t_70 3]: /images/20220829/86b6dfa3a5934b129f5d1b9c893d83b4.png