如何在Spring Boot中使用create-react-app？

Question

我正在尝试使用Spring Boot构建的API提供ReactJS应用程序。我在/ public /上运行了脚本create-react-app，如下面的结构所示​​ - 但是，当我尝试从http://localhost:8080/public/index.html

访问它时，来自ReactJS的所有相对路径似乎都被破坏了

为了正确加载ReactJS中的资源，我还需要做些什么？

Answer 1

我建议你创建两个项目：

• 一个用于Spring Boot后端;
• 一个用于您的React前端，使用create-react-app创建。

在开发模式下，您必须使用节点运行React开发服务器：＆＃39; npm start＆＃39;。 您应该为Spring Boot应用定义代理："proxy": "http://localhost:8080",以添加到package.json。该机制的文档是here。 您可以像往常一样使用Gradle执行后端：./gradlew bootRun。

在生产部署中，您可以使用npm run build生成React应用的版本。 create-react-app生成的静态文件可以放在Spring Boot应用程序的静态目录中，例如src/main/resources/static/（使用Spring Boot docs about static content）

我希望这有帮助！