我在heroku上将React和spring boot部署到两个不同的应用程序中。我怎样才能让他们互相交谈呢？
要让部署在Heroku上的React和Spring Boot应用程序互相交谈，可以通过以下步骤实现：
- 创建API端点：在Spring Boot应用程序中，创建一个API端点用于与React应用程序进行通信。可以使用Spring Boot的@RestController注解来创建一个RESTful API。
- 定义API路由：在Spring Boot应用程序中，定义API路由来映射到相应的控制器方法。可以使用Spring Boot的@RequestMapping注解来定义路由。
- 处理请求和响应：在Spring Boot应用程序的控制器方法中，处理来自React应用程序的请求，并返回相应的数据。可以使用Spring Boot的@RequestParam注解来获取请求参数，并使用Spring Boot的@ResponseBody注解来返回响应数据。
- 发起请求：在React应用程序中，使用Fetch API或Axios等工具发起HTTP请求到Spring Boot应用程序的API端点。可以使用GET、POST、PUT、DELETE等HTTP方法来发送请求，并传递相应的参数。
- 处理响应：在React应用程序中，处理来自Spring Boot应用程序的响应数据，并根据需要进行展示或处理。可以使用React的状态管理工具（如Redux）来管理响应数据，并在组件中进行展示。
需要注意的是，为了实现跨域通信，可能需要在Spring Boot应用程序中配置CORS（跨域资源共享）策略，以允许来自React应用程序的请求。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云API网关（API Gateway）：提供API的发布、管理和调用服务，方便构建和部署RESTful API。详情请参考：https://cloud.tencent.com/product/apigateway
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储需求。详情请参考：https://cloud.tencent.com/product/cos
相关·内容
我在Heroku上将react和spring boot部署到两个独立的应用程序中。Spring：
在react中，我尝试通过获取数据，它被CORS策略阻止。我怎么才能修复它？在开发
浏览 14提问于2019-07-20得票数 0
回答已采纳
我有两份申请。客户端是在react js上开发的，服务器端是在spring boot上使用RESTful api开发的。两者在localhost上都工作得很好。我尝试在heroku上部署这两个应用程序。服务器在heroku上的postgres db上工作正常(在</e
浏览 1提问于2019-11-29得票数 0
我的前端和后端应用程序有问题。我有一个运行在前端的React.js应用程序和一个运行着React应用程序调用的Java Spring Boot应用程序。当它们都在我的本地主机上运行时，一切工作正常。我在localhost:3000上运行开发React
浏览 19提问于2020-12-31得票数 0
回答已采纳
1回答
我正在尝试在Heroku上部署我的Grails 3应用程序。remote:
因此，根据输出，我参考了Heroku提供的文章并做了一些修改。现在，每当我尝试运行./gradlew sta
浏览 0提问于2017-04-10得票数 1
我有几个Spring批处理和Java批处理，我想在Azure中部署它们。这些作业处理文件压缩(几个文本文件，xml.内部)。今天，他们交出一只猫(24/24 - 7/7)，一个月只运行一次。我希望将它们部署在蔚蓝中，以降低成本，并在文件到达blob存储区后立即启动它们。我看到有两种选择：
Azure函数->，但是我需要存档输入和输出文
浏览 1提问于2018-12-13得票数 3
在当地，每件事都是按分钟准确的。一旦被部署到Heroku，时差就会缩短约6个小时。我不希望转换Heroku时区(希望它保持世界协调时)。我已经尝试过从getTimezoneOffset()转换到不同的日期格式，结果仍然是一样的。怎么才能让这两个约会时间互相匹配，而不被部署时的几个小时所抵消？为什么他们是不同<e
浏览 7提问于2021-10-12得票数 0
回答已采纳
我有一个两部分的应用程序(凤凰API和反应前端)，我想部署到Heroku.后端和前端需要在单独的服务器上运行，但是当前的应用程序结构如下所示： | | |因此，应用程序的两个部分都处
浏览 4提问于2017-05-20得票数 2
回答已采纳
我有一个spring boot应用程序作为后端，并使用react作为前端(两者都在同一个项目中)。我只有一个用于后端的pom文件，我手动运行spring应用程序，然后在前端执行npm start，一切都很好。我现在想做的是部署后端和前端，并自动启动它们。前端是用create-react-app创建的，当前运行在
浏览 0提问于2020-11-19得票数 0
3回答
我有一个使用IntelliJIDEA和gradle.build构建的Spring boot gradle项目： id 'org.springframework.boot' version:spring-boot-starter-data-jpa'
implementation 'org.springframework.boot:spring-
浏览 5提问于2021-10-26得票数 1
我的客户希望我使用Heroku将此项目部署到生产环境中。
我一直在寻找如何将我的Ruby on Rails和React项目部署到Heroku。不幸的是，我只能在同一个项目中找到如何使用Rails和React来实现这一点，这让我</e
浏览 11提问于2020-05-08得票数 0
回答已采纳
我有一个多模块的项目。其中一个模块是android应用程序，另一个是我试图在Heroku上运行的基于spring引导的服务器。我首先安装了android应用程序，然后在他们的站点上添加了Heroku模块。在IntelliJ (作为应用程序)中，服务器在本地运行良好，但是当<e
浏览 3提问于2020-03-23得票数 0
回答已采纳
我有一个nodejs作为服务器，React/Redux应用程序作为客户端位于一个git项目中： "scripts": {
"start-dev": "concurrently \"yarn run server\" \"ya
浏览 0提问于2017-09-01得票数 9
回答已采纳
我有一支Ubuntu报亭的机队，它们将被部署在野外。公众将会使用它们。他们按下按钮一名支援人员“接”电话。
他们交谈，最后他们中的一个挂断了电话。或者，如果支持人员
浏览 0提问于2015-04-03得票数 0
显然，您不能将两个不同的服务器部署到一个Heroku应用程序中--如果我知道在开发过程中，我会对应用程序进行不同的结构。所以我有两个服务器-- server1.js和server2.js --它们分开的主要原因是其中一个服务器是socket.io服务器，在一个server.j
浏览 2提问于2019-12-05得票数 0
回答已采纳
开始这个问题的上下文很少，我在springboot中做了前端的react和后端的实现。在进行开发时，我在package.json中设置了"proxy": "http://localhost:8080/",，以便它可以将我的请求代理到本地主机:8080，它是spring的
浏览 36提问于2019-11-25得票数 3
回答已采纳
我在使用spring boot部署react nodejs应用程序时遇到了问题。spring应用程序在基本的HTML/JS上运行得很好，我也让react应用程序在dev模式下运行得很好，但我似乎遗漏了一些东西，无法正确地捆绑react和spring
浏览 1提问于2018-04-13得票数 15
回答已采纳
我在Netlify上部署了一个React应用程序，在Heroku上部署了一个spring后端。这是我第一次尝试以这种方式在线托管应用程序。阅读这篇文章，这似乎是因为我现在使用2个不同的服务器作为前端和后端。但我在测试时总是使用两个不同的版本，localhos
浏览 8提问于2021-11-12得票数 0
我是一名中间PHP/Laravel开发人员，在jQuery和Vue.js方面有一些经验。我想开始自学反应式JS框架(例如ReactJS)，因为我认为web开发在不久的将来就会出现。我检查了React + redux是浏览器端最流行的技术，但是后端呢？PHP/MySQL的安全API？或者直接在NodeJS服务器上运行应用程序？如果nodejs env.那么数据将存
浏览 1提问于2019-05-29得票数 0
2回答
我目前有一个Spring应用程序，可以通过嵌入式Tomcat (通过spring)在本地运行或调试，也可以打包到war文件中，并作为应用程序部署。它有一些RESTful服务，由单页应用程序使用.这既允许快速开发后端(嵌入式tomcat可以快速重新启动后端更改)，也允许前端代码(对html/javascript/css所做的任何更改都可以在应用程序</em
浏览 3提问于2014-02-28得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
