javascript - 无服务器/AWS API 网关 CORS 无法访问 header

Question

我的函数的配置:

register:
  handler: handlers.register
  events:
    - http:
        integration: lambda-proxy
        path: register
        method: post
        cors: true

OPTIONS 将这些 header 返回给浏览器:

access-control-allow-credentials:false
access-control-allow-headers:Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token,X-Amz-User-Agent
access-control-allow-methods:OPTIONS,POST
access-control-allow-origin:*

我的 POST 方法将这些 header 返回给浏览器:

access-control-allow-credentials:true
access-control-allow-headers:Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token
access-control-allow-methods:*
access-control-allow-origin:*
...
x-amzn-remapped-authorization:Bearer {MY_TOKEN}

我从我的处理程序发回一个包含 Bearer {MY_TOKEN} 的 Authorization header 的响应。但是，我仍然无法使用 axios 从我的 JS 客户端访问 x-amzn-remapped-authorization。我在 JS 中得到的只是 content-type。

Answer 1

Access-Control-Allow-Headers 由服务器(在本例中为 API 网关)在预检响应(来自 OPTIONS)中返回，用于指定哪些 header 客户端可以在发出请求时使用。

Access-Control-Expose-Headers 在处理程序的响应中指定，指示您希望浏览器向客户端公开哪些 header 。

我将 'Access-Control-Expose-Headers': 'X-Amzn-Remapped-Authorization' 添加到我的处理程序的响应中，现在一切都按预期工作。