使用前端框架例如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即可。