问题是由于浏览器执行跨源请求(跨域请求)时进行CORS预检请求时,未能接收到所需的CORS响应头。这种情况通常发生在尝试访问AWS API网关和Lambda函数时。
要解决这个问题,可以在Lambda函数中添加所需的CORS响应头,以使API网关能够将其传递到浏览器。以下示例展示了如何向Lambda函数中添加CORS响应头:
exports.handler = async (event, context) => { const response = { statusCode: 200, headers: { "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Headers": "Content-Type", "Access-Control-Allow-Methods": "OPTIONS,POST,GET" }, body: JSON.stringify('') }; return response; };
在Lambda函数的响应对象中添加“Access-Control-Allow-Origin”、“Access-Control-Allow-Headers”和“Access-Control-Allow-Methods”头部。这些头是必需的,因为它们通知浏览器哪些源可以访问此资源,允许哪些请求头和方法进行通信。
在API网关上也要进行一些配置。在API网关中打开“资源”页面并点击“Actions”菜单中的“Enable CORS”。然后在弹出的窗口中添加允许的域和CORS响应头。保存更改后,请确保部署这些更改以便它们生效。
现在,您的AWS API网关和Lambda函数应该能够返回正确的CORS响应头,从而解决了CORS预检请求错误。