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

IT技术 reactjs spring-boot
2021-05-07 07:55:11

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

为了从 ReactJS 正确加载资源,我还需要做什么?

在此处输入图片说明

1个回答

我建议你创建两个项目:

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

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

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

我希望这有帮助!