• 以下是解决CORS错误并启用React前端和AWS服务器之间通信的组合步骤 *

Configure CORS on your AWS Server

首先，您需要配置服务器，以便在response中包含适当的CORS headers。您需要添加**“Access-Control-Allow-Origin”header，其值为“http：//localhost：3000”**，以允许来自React应用的请求。

Exact method for configuring CORS

配置CORS的确切方法取决于您使用的服务器技术（例如Express，Apache，Nginx）。例如，如果您使用Express，则可以使用cors中间件。以下是如何使用Express配置CORS的示例：

const express = require('express');
const cors = require('cors');

const app = express();

app.use(cors({ origin: 'http://localhost:3000' }));

// Rest of your server code...

app.listen(4000, () => {
  console.log('Server running on port 4000');
});

Restart your AWS server

配置CORS后，重新启动AWS服务器以应用更改。

您的Express后台服务器似乎缺少**CORS（跨域资源共享）**配置。这可能是你的请求没有通过的原因。
首先在后端服务器上运行npm i cors。
然后将以下内容添加到主index.js文件中：

var cors = require('cors')
...
app.use(
cors({
   /*domains that have the right to send/request data from this server*/ 
   origin: [
     'http://localhost:3000',
     'https://www.yourDeployedWebite.com',
   ],
 })
);

更多信息可以在here中找到。
如果这不起作用，您可能需要检查AWS中的配置或允许的域名中的任何拼写错误，例如未插入协议（http/https）。