Question

我想从Spring Boot服务器应用程序提供ReactJS UI应用程序的Webpack构建结果。

在Webpack构建中，所有资源都在“ dist”文件夹中生成，即index.html，bundle.js等...以http://localhost/index.html

的身份访问

Spring Boot应用程序从http://localhost/api/xxx

提供API URL

Answer 1

在react项目的根目录中创建.env文件（在package.json旁边）
将PUBLIC_URL=/nameContextRoot放入.env文件中（上下文根名称通常是war文件的名称）
构建React项目npm run build

对我来说，它在react项目的build目录中生成内容

将构建目录的内容复制到spring-boot应用程序static目录

static目录应该是src/main/resources

中的普通文件夹

清理并重建spring boot项目并运行它
内容已正确提供

更新

Spring Boot结构

D:.
├───.mvn
│   └───wrapper
├───.settings
├───src
│   ├───main
│   │   ├───java
│   │   │   └───my.java.stuff
│   │   ├───resources
│   │   │   └───static
│   │   │       └───static
│   │   │           ├───css
│   │   │           └───js
│   │   └───webapp
│   └───test
│       └───java
│           └───my.java.tests
├───target
│   ├───classes
│   │   ├───java.classes
│   │   └───static
│   │       ├───css
│   │       ├───js
│   │       └───static
│   │           ├───css
│   │           └───js
│   ├───generated-sources
│   │   └───annotations
│   ├───m2e-wtp
│   │   └───web-resources
│   │       └───META-INF
│   │           └───maven
│   │               └───java.stuff
│   ├───maven-archiver
│   ├───maven-status
│   │   └───maven-compiler-plugin
│   │       └───compile
│   │           └───default-compile
│   ├───rclient-0.0.1-SNAPSHOT
│   │   ├───META-INF
│   │   └───WEB-INF
│   │       ├───classes
│   │       │   ├───java stuff
│   │       │   └───static
│   │       └───lib
│   └───test-classes
└───WebContent
    └───META-INF

ReactJS项目结构

D:.
├───build
│   └───static
│       ├───css
│       └───js
├───node_modules
├───public
└───src
    ├───components
    ├───domain
    └───util

您的api端点也将在上下文根下提供。他们与React无关。

@Codo关于使用反向代理访问静态内容的提示仍然有效。但是在这里，您专门询问了如何在spring boot应用程序中托管react应用程序。

如何从Spring / Spring Boot应用程序为React应用程序提供服务？

1 个答案: