401 trả về từ Trình xác nhận tùy chỉnh cổng API bị thiếu tiêu đề 'Access-Control-Allow-Origin'

Question

Để ngăn người dùng chưa đăng nhập gọi hàm lambda của tôi qua Cổng API AWS, tôi đang sử dụng Tùy chỉnh Giải pháp lambda ủy quyền.

Nếu yêu cầu được cho phép (200) và tôi nhận được phản hồi từ lambda gọi là mọi thứ hoạt động tốt và tôi nhận được tiêu đề 'Access-Control-Allow-Origin'. Tuy nhiên, nếu yêu cầu không được ủy quyền, tôi nhận được 401 không có tiêu đề 'Access-Control-Allow-Origin', do đó ngăn tôi đọc trạng thái 401 của phản hồi và chuyển hướng người dùng đến đăng nhập trang.

Tôi tin rằng điều này là do cơ chế Tự động chỉnh sửa tùy chỉnh không biết rằng yêu cầu cần sử dụng CORS. Có ai biết rằng đây thực sự là vấn đề? Bạn có biết bất kỳ giải pháp nào có thể không?

Answer 1

Vâng, đây là lỗi đã biết với trình ủy quyền tùy chỉnh API Gateway. Cám ơn bạn đã cho chúng tôi biết về vấn đề này. Nhóm sẽ cập nhật bài đăng này khi chúng tôi triển khai bản sửa lỗi. Xin lỗi vì sự bất tiện.

Answer 2

Tôi vui mừng thông báo tính năng Gateway Responses mới cho phép bạn tùy chỉnh phản hồi lỗi cho các yêu cầu không gọi tích hợp của bạn. Điều này cho phép bạn đảm bảo rằng các tiêu đề CORS được bao gồm, ngay cả trên các yêu cầu auth không thành công.

Đọc thêm trong số documentation của chúng tôi, bao gồm ví dụ CORS.

Answer 3

Vì tôi mất một lúc để tìm hiểu cách kết hợp tất cả lại với nhau trong Cloud Formation, đây là một đoạn trích dẫn cách thiết lập nó.

... 
    MyApi: 
     Type: "AWS::ApiGateway::MyApi" 
     Properties: 
     Description: My API 
     Name: "my-api" 
    MyApiAuthorizer: 
     Type: "AWS::ApiGateway::Authorizer" 
     Properties: 
     Name: "my-api-authorizer" 
     IdentitySource: "method.request.header.Authorization" 
     ProviderARNs: 
      - !GetAtt MyUserPool.Arn 
     RestApiId: !Ref MyAApi 
     Type: COGNITO_USER_POOLS 
    MyApiGatewayResponse: 
     Type: "AWS::ApiGateway::GatewayResponse" 
     Properties: 
     ResponseParameters: 
      "gatewayresponse.header.Access-Control-Allow-Origin": "'*'" 
      "gatewayresponse.header.Access-Control-Allow-Headers": "'*'" 
     ResponseType: UNAUTHORIZED 
     RestApiId: !Ref MyApi 
     StatusCode: "401" 

Answer 4

Cách dễ nhất để giải quyết lỗi này cho tất cả các lỗi 4XX Xuất xứ "có giá trị '*'.

Xem ảnh chụp màn hình: