Reactjs AWS API调用被CORS策略阻止

Reactjs AWS API调用被CORS策略阻止,reactjs,amazon-web-services,rest,axios,cors,Reactjs,Amazon Web Services,Rest,Axios,Cors,我创建了一个DynamoDB表,并在其中附加了3个lambda函数。我试图通过附加一个API网关触发器来调用这些函数。我创建了一个RESTAPI,然后使用get方法。之后,我部署了API,API链接按预期工作。我现在尝试在React中使用Axios调用API axios.get("Link") .then(res => { console.log(res); }) 问题是,每当我尝试在本地服务器上运行此操作时,都会出现以下错误 Access to XM

我创建了一个DynamoDB表,并在其中附加了3个lambda函数。我试图通过附加一个API网关触发器来调用这些函数。我创建了一个RESTAPI,然后使用
get
方法。之后,我部署了API,API链接按预期工作。我现在尝试在React中使用Axios调用API

axios.get("Link")
  .then(res => {
    console.log(res);
  })
问题是,每当我尝试在本地服务器上运行此操作时,都会出现以下错误

Access to XMLHttpRequest from origin 'http://localhost:3000' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

我曾尝试在API网关上启用CORS,但也不起作用。我知道问题出在后端的某个地方,但我不知道该怎么办。

尝试在禁用CORS安全性的情况下打开chrome

Mac操作系统:

open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security

如果启用了CORS,则这是预期的行为。CORS将不允许其他域访问您的API,除非另有配置

从此处检查如何在API网关上正确配置CORS:

对于您的开发/测试/学习环境,您可以禁用*CORS,然后可以从localhost调用API

API网关CORS问题的更多疑难解答:


*基于安全原因,不建议这样做

您是否为lambda/api网关配置了任何COR?localhost:3000是允许的域之一吗?我确实为API网关配置了CORS,但我从未对localhost做过任何事情。