这里的前提是在src/main/目录下(跟src/main/resources同级)建好了webapp目录,并且在webapp下建好了WEB-INF。如图
在这里插入图片描述

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

<build>
	<!-- 添加访问静态资源文件 -->
		<!-- 代码的作用是让src/main/webapp在编译的时候在resoureces路径下也生成webapp的文件 -->
		<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>
            <!-- 这个是加载xml配置 -->
            <!-- <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.xml</include>
                </includes>
            </resource> -->
        </resources>
</build>

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

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

添加好后,右键maven updae一下项目,重启项目,输入:http://localhost:8081/index.html(我的项目用的是8081端口),发现可以访问了
在这里插入图片描述

参考: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/");
		//加载static下的静态资源
		registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
		//加载web-inf 目录下的文件
		registry.addResourceHandler("/web-api/**").addResourceLocations("/WEB-INF/web-api/");
		//加上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里面的资源文件。

下面的 registry.addResourceHandler(“/static/**”).addResourceLocations(“classpath:/static/”);
是加载resources下静态资源的意思,这么加载的话,部署到服务器后更新js可以只更新单个文件就能完成更新,不需要重新打包。目录结构如下:
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐