Spring Boot之如何配置静态资源的地址与访问路径

        使用前端框架例如React、Vue等开发完成的项目,如何集成到后端项目后一起部署到服务器上呢?这就涉及到了在后端项目中如何配置静态资源的地址与访问路径,下面将为大家详细介绍。

        React项目打包完成的结构,如下:

        

        Spring Boot项目的结构,如下:

        

Spring Boot默认的静态资源文件配置:

 private static final String[] CLASSPATH_RESOURCE_LOCATIONS = {

"classpath:/META-INF/resources/", "classpath:/resources/",

"classpath:/static/", "classpath:/public/" };        

        默认的静态资源文件夹:为static/public,遵循spring boot默认规则,基本可以满足我们大部分的需求了。

如果我们需要自定义,这里提供两种方法:

1:application.properties方法

这里的static可以换成你对应的文件夹名字


如:build


对应路径如下:


访问路径:

http://localhost:8080/build/index.html

2:重写 WebMvcConfigurerAdapter配置

package com.envision.mobile.service.utils; 

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;

import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

@Configuration
public class ReactWebAppConfig extends WebMvcConfigurerAdapter {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
        super.addResourceHandlers(registry);
    }

}

上面具体的个性配置,也一样,修改对应的ResourceHanders与ResourceLocations即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值