【问题标题】:How to integrate Spring Boot with React如何将 Spring Boot 与 React 集成
【发布时间】:2021-10-10 03:08:03
【问题描述】:

我是 React 新手,很难理解如何将 React 集成到 Spring Boot 服务器中?我习惯了两个前端都只是服务器的一部分的旧模型。
Spring 在localhost:8080 运行。 React 在localhost:3000 运行。服务器有 React 想要调用的 rest 端点。
如何让 Spring 为包含 React 组件的 index.html 提供服务?

【问题讨论】:

标签: reactjs spring-boot react-hooks


【解决方案1】:

我没有完全理解你的问题,但是我会向你解释这两种方法,你的问题可能会得到解决

答案 1:您可以在 resources 文件夹中创建一个名为 public 或 static 的文件夹,然后在 resources 文件夹中创建一个从 react 项目中构建的文件夹,并将其放入 public 或 static 文件夹中。 只要你运行spring boot,你就可以在http://localhost:port运行你的项目 看到你必须写你的端口号而不是端口(例如 8080)。

答案 2:您可以使用您在 spring 中编写的 api 在 react 内部获取数据。 这是一个简单的任务,我会给你一个教程,你可以根据它来做这个

https://www.geeksforgeeks.org/how-to-fetch-data-from-an-api-in-reactjs/

我希望您的问题可以通过这些解决方案之一解决

祝你有美好的一天......

【讨论】:

  • 谢谢,我看看链接。但为了澄清,我的问题是了解如何配置事物,使其显示为一个集成应用程序。我知道如何启动客户端,然后浏览到localhost:3000。但我希望能够浏览到 localhost:8080 并查看我的反应页面(由 app.js 呈现)。我刚刚阅读了有关“frontend-maven-plugin”的信息。不确定这是否是正确的方法,但我会尝试。
【解决方案2】:

【讨论】:

    【解决方案3】:

    我认为您应该在您的 spring-boot 应用程序控制器中尝试此代码,

    你应该使用 @CrossOrigin 在 Spring-boot App 中允许你的 React App 服务器

    @RestController
    @CrossOrigin("http://localhost:3000")
    @RequestMapping("/api/v1")
    public class UserController {
    

    https://github.com/prashanthbilla/Spring-boot_ReactJs_UserManagement_Application

    【讨论】:

      猜你喜欢
      • 2018-01-03
      • 2020-01-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-09-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多