尝试在Thymeleaf和Spring Security项目中插入图像时出现404错误

Question

请真的需要帮助。

这是我项目的结构，我试图将图片插入我的页面，如下所示：

<div class="modal-header" align="center">
  <img class="img-circle" id="img_logo" src="../../static/images/asblogo.jpg"
       th:src="@{/images/asblogo.jpg}"/>
</div>

在模板login.html中。我的SecurityConfig和WebMvcConfig如下所示： 在此处输入图像描述

我不知道为什么我仍然会收到404或302错误。

拜托，你能帮帮我吗？我会非常感激。 谢谢!!!

Answer 1

获取图片资源有不同的选项：

选项1：按您自己的配置映射静态资源

转到WebMVCConfig课程并映射您网站的所有静态资源：

覆盖addResourceHandlers方法

@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**").addResourceLocations("classpath:/static/");
}

选项2：让Spring为您映射静态资源

在这种情况下，只需从@EnableWebMvc类

中删除de WebMVCConfig注释即可

最后，img标签应如下所示：

img tag：

<img th:src="@{/images/yourlogo.jpg}" alt="myImage"/>

修复404错误

转到WebMVCConfig课程并修复登录页面的路径。您收到错误是因为Spring尝试重定向到/login路径，但该路径在WebMVCConfig类上不存在，而不是/logout使用/login，如下例所示：

   @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/login").setViewName("login");
    }

希望有所帮助。

问候。