从 AWS Amplify React 项目连接到 AWS elastic beanstalk API 时出现 CORS 错误

Question

我有一个 React 前端托管在 AWS Amplify and express 上/NodeJS 后端托管在 AWS elastic beanstalk 上。

我有这段代码，它将

Access-Control-Allow-Origin

标头设置为我存储的环境变量。在我的本地开发设置中，这是我的本地主机。但是在 AWS 上，这是我的放大站点所在的 URL。

app.use(function (req, res, next) {
  res.setHeader("Access-Control-Allow-Origin", process.env.ALLOWED_ORIGIN);
  res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
  res.setHeader("Access-Control-Allow-Headers", "Content-Type");
  res.setHeader("Access-Control-Allow-Credentials", true);
  next();
});

这在本地工作得很好，但是当我访问我在 AWS amplify 上托管的站点并尝试执行我从前端构建的 API 请求时，我收到此错误：

为了安全不得不屏蔽我的 URL，但我知道我在 elastic bean stalk 上的环境变量与我的放大 URL 完全相同，我已经复制粘贴了 7 次了。

这是怎么回事？我将不胜感激任何人提供的任何帮助......