Css和图像文件没有在SpringMVC中加载？

Question

我使用intelliJ IDEA中的maven webapp原型创建了一个spring项目。我正在使用tomcat插件和maven插件。我可以在app name/home路径上运行这个应用程序，但是css和图像没有加载，它显示的是简单的文本和图像表情。

在项目内部，我创建了ApplicationInitializer类，这很好，ApplicationConfig看起来像这样-

package com.test;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;
import org.springframework.web.servlet.view.InternalResourceViewResolver;
import org.springframework.web.servlet.view.JstlView;

@Configuration
@ComponentScan(basePackages = "com.test")
public class ApplicationConfig extends WebMvcConfigurationSupport {

    @Override
    protected void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("css/**","images/**")
                .addResourceLocations("classpath:/css/","classpath:/images/");
    }

    @Bean
    public InternalResourceViewResolver viewResolver(){
        InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
        viewResolver.setPrefix("/WEB-INF/jsp/");
        viewResolver.setSuffix(".jsp");
        viewResolver.setViewClass(JstlView.class);
        return viewResolver;
    }

}

下面是文件夹结构-

我正在访问css和图像文件，如下面在我的jsp文件

<link rel="stylesheet" href="css/style.css" type="text/css"/>
<img src="images/employees/JessicaNewton.jpg" alt="My photo">

我还将ApplicationConfig类与我在ApplicationInitializer类中创建的上下文联系起来，这似乎很好。谁能告诉我哪里错了。

Answer 1

如果使用Spring security，可以包括以下内容：

httpSecurity.authorizeRequests().antMatchers("/css/**", "/js/**", "/img/**").permitAll();

对于MVC配置，您可以使用：

private static final String[] CLASSPATH_RESOURCE_LOCATIONS = {
        "classpath:/META-INF/resources/", "classpath:/resources/",
        "classpath:/static/", "classpath:/public/"
};

Jsp标记可能如下所示：

<link href="/css/main.css" rel="stylesheet">
<script src="/webjars/popper.js/umd/popper.min.js"></script>

另外，请确保您有css和js文件夹下的静态文件夹在这样的资源：