reactjs - 如何将 create-react-app 与 Spring Boot 一起使用?

标签 reactjs spring-boot

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

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

enter image description here

最佳答案

我建议您创建两个项目:

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

在开发模式下,您必须使用节点:“npm start”运行React开发服务器。 您应该为 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/ ( docs about static content使用 Spring Boot)

希望这会有所帮助!

关于reactjs - 如何将 create-react-app 与 Spring Boot 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44892384/

相关文章:

reactjs - block 编辑器给出无效的钩子(Hook)调用错误

javascript - 只允许不以零开头的数字

java - 在 Spring security 中并发 session 的情况下使第一个登录 session 无效

java - 有没有办法将 Postgres 的 UUID 生成与 Hibernate 的 IDENTITY ID 生成策略结合使用?

reactjs - 组件渲染过早

javascript - React 功能组件 vs 经典组件

reactjs - 如何向 Material-UI TablePagination 添加元素?

java - 如何在保持分页的同时在spring-boot中过滤页面?

java - 带有 H2 JPA 的 Spring boot 和 JUnit 导致找不到 'pg_class'

java - Spring 启动 + REST + HATEOAS + HAL