React前端连接到node.js后端，只有1个端口打开

React前端连接到node.js后端，只有一个端口打开时，可以通过以下步骤实现：

1. 首先，确保你已经安装了Node.js和React的开发环境。
2. 在React前端项目中，使用axios或fetch等HTTP请求库来与后端进行通信。这些库可以帮助你发送HTTP请求并处理响应。
3. 在React前端项目的代码中，创建一个与后端通信的API服务。你可以在该服务中定义各种与后端交互的方法，例如发送GET、POST等请求。
4. 在Node.js后端项目中，使用Express或其他Node.js框架创建一个服务器。确保服务器监听与前端通信的端口。
5. 在Node.js后端项目的代码中，创建API路由来处理前端发送的请求。你可以使用Express的路由功能来定义各种路由，并在路由处理程序中编写逻辑来处理请求和返回响应。
6. 在React前端项目中，通过调用API服务中定义的方法来发送请求到后端。你可以在React组件的生命周期方法中调用这些方法，或者在事件处理程序中触发它们。
7. 在Node.js后端项目中，根据前端发送的请求，编写相应的路由处理程序来处理请求。你可以在处理程序中执行各种操作，例如查询数据库、处理数据、验证用户身份等。
8. 在React前端项目中，根据后端返回的响应，更新前端的状态或显示相应的数据。你可以使用React的状态管理工具（如Redux）来管理前端的状态。

这样，React前端就可以通过一个端口与Node.js后端进行通信了。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cvm
• 腾讯云云函数（SCF）：无服务器计算服务，可帮助你构建和运行无需管理服务器的应用程序。详情请参考：https://cloud.tencent.com/product/scf
• 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的MySQL数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：提供安全、可靠、低成本的云存储服务，适用于存储和处理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos