amazon-web-services - 如何配置无服务器 S3 存储桶资源以使用设置为其函数的 http 端点的 CORS AllowOrigin

Question

我正在使用Serverless创建一个为其静态内容提供服务的 Web 应用程序，例如来自 S3 存储桶的 Web 字体。 S3 存储桶在我的 serverless.yml 文件中配置为资源。其 CORS 配置将 AllowOrigin 设置为通配符。

我想将其更改为具有由无服务器创建的服务的 http 端点的 AllowOrigin，例如31alib51b6.execute-api.eu-west-1.amazonaws.com。

我想知道是否可以在 serverless.yml 文件本身中进行配置。

我的示例serverless.yml文件:

service: example-service

provider:
  name: aws
  runtime: nodejs4.3
  region: eu-west-1

functions:
  web:
    handler: handler.handler
    name: ${self:service}-${self:provider.stage}
    description: ${self:service} web application - ${self:provider.stage}
    events:
      - http:
        path: web
        method: get
      - http:
        path: web/{proxy+}
        method: get

resources:
  Resources:
    S3Assets:
      Type: AWS::S3::Bucket
      Properties: 
        BucketName: ${self:service}-${self:provider.stage}-assets
        CorsConfiguration:
          CorsRules:
            - AllowedMethods:
                - GET
                - HEAD
              AllowedOrigins:
                - "*"

Answer 1

您可以使用以下语句定义AllowedOrigin:

    CorsConfiguration:
      CorsRules:
        - AllowedMethods:
            - GET
            - HEAD
          AllowedOrigins:
            - Fn::Join:
              - ""
              - - "https://"
                - Ref: ApiGatewayRestApi
                - ".execute-api.eu-west-1.amazonaws.com"

“Ref: ApiGatewayRestApi”引用生成的 API 的内部名称。