将 React.JS 应用程序打包为 Java（Spring Boot）应用程序

2 年 ago

雅, 悟

1 minute

1. 创建项目

公式：Spring初始设定器

① 打开浏览器并输入网址，(https://start.spring.io/)，然后打开。
② 输入以下内容，在“Dependencies”中选择以下选项，并点击“生成”按钮。

Project: Maven

Language: Java

SpringBoot: 3.1.1

Group: com.wazooinc

Artifact: springboot_with_react

Name : springboot_with_react

Description: Demo projects for Spring Boot with React

Package name: com.wazooinc.springboot_with_react

依赖关系

Spring Boot DevTools

请转到src/main文件夹，并使用create-react-app构建一个新项目。

cd src/main
npx create-react-app frontend
cd frontend
npm start

将Maven插件输入到pom.xml文件中。

//省略
	
<build>
　<plugins>
	<plugin>
	　<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-maven-plugin</artifactId>
	</plugin>
 //追加
 <groupId>org.springframework.boot<groupId/>
 <artifactId>spring-boot-maven-plugin<artifactId/>
//追加
　<plugin>
</build>

</project>

将 mvnw 打包

.\mvnw package

在java/com/wazooinc/springboot_with_react的controller文件夹中创建ClientForwardController.java。

package com.wazooinc.springboot_with_react.controllers;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class ClientForwardController {
    
    @GetMapping(value = "/**/{path:[~\\.]*}")
    public String forward(){
        return "forward:/";
    }
}

编辑resouces/application.properties

spring.mvc.pathmatch.matching-strategy=ant_path_matcher

请参考以下网站

将React.JS应用程序打包成Java Spring Boot应用程序。