SpringBoot 访问不到webapp下面的html等静态资源文件（404）

女爷i 2022-11-24 14:16 697阅读 0赞

这里的前提是在src/main/目录下（跟src/main/resources同级）建好了webapp目录，并且在webapp下建好了WEB-INF。如图  
![在这里插入图片描述][20200806143532326.png]

在做SpringBoot集成页面的时候，发现不能直接访问页面或者静态资源，都是报404，可以试试在pom.xml的build里面加入如下代码：  
（不想用jsp，只想用html或者其他的可以采用这种方式）

<build>
    	
    		
    		<resources>
                <resource>
                    <directory>src/main/webapp</directory>
                    <targetPath>META-INF/resources</targetPath>
                    <includes>
                    	<include>**/**</include>
                    </includes>
                </resource>
                <resource>
                    <directory>src/main/resources</directory>
                    <filtering>true</filtering>
                </resource>
                
                
            </resources>
    </build>

代码的作用是让src/main/webapp在编译的时候在resoureces路径下也生成webapp的文件

resourece路径下没有META-INF/resources文件夹也可以访问

添加好后，右键maven updae一下项目，重启项目，输入：http://localhost:8081/index.html（我的项目用的是8081端口），发现可以访问了  
![在这里插入图片描述][20200806144014749.png]

参考：[https://www.jianshu.com/p/2537262c3f23][https_www.jianshu.com_p_2537262c3f23]

**如果还是不能访问的话：**

新建一个加载配置的类，继承WebMvcConfigurationSupport，然后重写addResourceHandlers，这里我就直接在跨域配置的类里面进行设置：

@Configuration
    public class CorsConfig extends WebMvcConfigurationSupport{ 
    	/**
    	 * 加载静态资源
    	 */
    	@Override
    	public void addResourceHandlers(ResourceHandlerRegistry registry) { 
    		//加载classpath等静态资源，用于访问swagger，以及webapp下的静态资源
    		registry.addResourceHandler("/**")
    				.addResourceLocations("classpath:/META-INF/resources/");
    		//加上file:静态资源，用于访问本地图片
    		//images/**和file:E://images/对应application.properties上面的配置
    		registry.addResourceHandler("/images/**").addResourceLocations("file:E://PDF/");
    		 
    		super.addResourceHandlers(registry);
    	}
    	
    	/**
    	 * 允许跨域
    	 */
    	@Override
    	public void addCorsMappings(CorsRegistry registry) { 
    		registry.addMapping("/**")
    				.allowedOrigins("*")
    				.allowedMethods("GET", "POST", "PUT", "OPTIONS", "DELETE", "PATCH")
    				.allowCredentials(true).maxAge(3600);
    	}
    	
    	
    }

重点是registry.addResourceHandler("/\*\*").addResourceLocations(“classpath:/META-INF/resources/”);  
更够访问到resources里面的资源文件

[20200806143532326.png]: /images/20221124/700f28134bff43ed9ef3f07c5d97a2db.png
[20200806144014749.png]: /images/20221124/7dcacef9431e4146aec2d2aa4c450825.png
[https_www.jianshu.com_p_2537262c3f23]: https://www.jianshu.com/p/2537262c3f23