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

Logo

前往低代码交流专区

更多推荐