记录一次将前端react项目放到java后端运行

  1. 打包前端项目,一般打包好后在dist目录

  2. 编写后端配置文件

@Configuration // 表示这是一个 Spring 配置类,用于定义 Spring 应用程序上下文中的 Bean 配置
public class WebConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        // 配置静态资源处理器
        // 将所有以 "/webapp/" 开头的请求路径映射到类路径下的 "/webapp/" 目录
        registry.addResourceHandler("/webapp/**") // 定义资源处理器的 URL 模式
                .addResourceLocations("classpath:/webapp/"); // 指定静态资源的位置
    }

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        // 配置视图控制器
        // 当访问根路径 "/" 时,自动转发到 "webapp/index.html" 页面
        registry.addViewController("/") // 为根路径 "/" 定义视图控制器
                .setViewName("forward:webapp/index.html"); // 设置视图名称为 "webapp/index.html",并转发请求
    }
}
  1. 将打包好dist目录下所有文件放到java项目的resource的webapp目录下

  2. 启动后端服务,访问ip+端口,就能访问前端资源了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容