API Gateway Method CORS ERROR - CloudFormation

0

Hello Please when try to use my API Gateway im my react i get this error but in Postman i works fine

Access to fetch at 'https://api.domainz.com/prod/sp/' from origin 'http://localhost:8100' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Please help How do i enable cors from my cloud formation API Gateway Method

he is my Method Code In cloudformation

spPOSTMethod:
    Type: AWS::ApiGateway::Method
    DeletionPolicy: Delete
    Properties:
      AuthorizationType: NONE #Options [CUSTOM, COGNITO_USER_POOLS, COGNITO, NONE, OAUTH2]
      HttpMethod: POST #Options [GET, POST, PUT, DELETE, PATCH, ANY]
      ResourceId: !ImportValue ExSpResources
      RestApiId: !ImportValue ExAppAPI
      Integration:
        Type: AWS_PROXY #Options [AWS_PROXY, AWS, HTTP, MOCK, AWS_PROXY_V2]
        IntegrationHttpMethod: POST #[For Lambda POST][For MOCK this property is optional]
        Uri: !Sub arn:aws:apigateway:${AWS::Region}:lambda:path/2015-03-31/functions/${spEventNLFn.Arn}/invocations

      RequestModels:
        application/json: !Ref spEventModel
      RequestValidatorId: !Ref spEventPOSTMethodValidator

1回答
1
承認された回答

Hello.

Do you have "Access-Control-Allow-Origin" in the header when accessing API Gateway with your localhost application?
Even if CORS is configured on the API Gateway side, an error will occur if the local application does not support it.
I think the StackOverflow answers below will be helpful.
https://stackoverflow.com/questions/61238680/access-to-fetch-at-from-origin-http-localhost3000-has-been-blocked-by-cors

profile picture
エキスパート
回答済み 8ヶ月前
profile pictureAWS
エキスパート
レビュー済み 8ヶ月前
profile picture
エキスパート
レビュー済み 8ヶ月前

ログインしていません。 ログイン 回答を投稿する。

優れた回答とは、質問に明確に答え、建設的なフィードバックを提供し、質問者の専門分野におけるスキルの向上を促すものです。

質問に答えるためのガイドライン

関連するコンテンツ