被 CORS 策略阻止：没有“访问控制允许来源”。怎么修

Question

我正在尝试使用 AJAX 调用从浏览器访问 API，但我在浏览器中看到了这一点。

Access to XMLHttpRequest at 'https://.......us-east-1.amazonaws.com/...' from origin 'https://....cloudfront.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

后端实际上是一个 AWS lambda。那么我应该在客户端还是服务器端解决这个问题？

Answer 1

为您的 LAMBDA 响应设置标题。

var response = {
        statusCode: 200,
        headers: {
            "Access-Control-Allow-Headers" : "*",
            "Access-Control-Allow-Origin": "*"
        },
        body: JSON.stringify(data)
};

您可以设置 Access-Control-Allow-Headers 要允许的特定标头，而不是 * (ALL) 和域。