Reactjs AWS API调用被CORS策略阻止
我创建了一个DynamoDB表,并在其中附加了3个lambda函数。我试图通过附加一个API网关触发器来调用这些函数。我创建了一个RESTAPI,然后使用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
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做过任何事情。