SpringBoot 访问不到webapp下面的html等静态资源文件(404)
在做SpringBoot集成页面的时候,发现不能直接访问页面或者静态资源,都是报404,可以试试在pom.xml的build里面加入如下代码:<build><!-- 添加访问静态资源文件 --><!-- 代码的作用是让src/main/webapp在编译的时候在resoureces路径下也生成webapp的文件 --><resources><r
这里的前提是在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可以只更新单个文件就能完成更新,不需要重新打包。目录结构如下:
更多推荐
所有评论(0)