Amplifyjs React应用向VPC后面的Lambda发出请求时出现CORS错误

Question

当我的aws-amplify react应用程序向lambda函数发出请求时，它会出错，并显示以下消息：

Access to XMLHttpRequest at 'https://execute-api.region.amazonaws' from origin 'https://amplifyapp.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

仅当我在VPC后面配置lambda函数时才会出现此消息(因为我想从该lambda函数调用redis集群)。当我删除lambda函数上的VPC时，错误就消失了。

我为我的aws-serverless-express应用程序的所有方法启用了CORS：

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*")
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
  next()
});

我是不是在标题中遗漏了什么？或者这是VPC配置问题？

Answer 1

根据下面的https://www.youtube.com/watch?v=JcRKdEP94jM视频，我似乎需要为我的natgateway设置一个公共子网，并为我的lambda函数设置一个私有子网