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

Question

我正在尝试与使用Spring Boot构建的API一起提供ReactJS应用程序.我create-react-app在/ public /上运行脚本- 如下面的结构所示​​ - 但是,当我尝试从http:// localhost:8080/public/index.html访问时,来自ReactJS的所有相对路径似乎都被破坏了

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

Answer 1

我建议你创建两个项目:

• 一个用于Spring Boot后端;
• 一个用于你的React前端,用create-react-app.

在开发模式下,您必须使用节点''npm start'运行React开发服务器.您应该为Spring Boot应用程序定义一个代理:"proxy": "http://localhost:8080",添加到您的package.json.这个机制的文档在这里.你可以像往常一样用Gradle执行你的后端:./gradlew bootRun.

在生产部署中,您可以使用生成React应用程序的构建npm run build.生成的静态文件create-react-app可以放在Spring Boot应用程序的静态目录中,例如src/main/resources/static/(关于使用Spring Boot的静态内容的文档)

我希望这有帮助!