本文属于机器翻译版本。若本译文内容与英语原文存在差异,则一律以英文原文为准。
为您的存储 Cross-origin 桶设置资源共享 (CORS)
您必须为 Web 应用程序使用的所有存储分区设置跨源资源共享 (CORS)。CORS 配置是一份定义规则的文档,用于识别您允许访问存储桶的来源。有关 CORS 的更多信息,请参阅配置跨域资源共享 (CORS)。
重要
如果您未设置 CORS,您的最终用户在尝试访问您的 Web 应用程序上的位置时会收到错误。
为您的 Amazon S3 存储桶设置 Cross-origin 资源共享 (CORS)
登录 AWS 管理控制台 并打开 Amazon S3 控制台,网址为https://console.aws.amazon.com/s3/
。 -
从左侧导航面板中选择存储桶,在搜索对话框中搜索您的存储桶,然后选择权限选项卡。
-
在Cross-origin 资源共享 (CORS) 中,选择编辑并粘贴以下代码。
WebAppEndpoint替换为 Web 应用程序的实际访问端点。这可以是创建 Web 应用程序时创建的 VPC 托管或公有访问终端节点,也可以是自定义访问终端节点(如果您创建一个)。确保不要输入末尾的斜杠,因为这样做会在用户尝试登录您的 Web 应用程序时出错。-
不正确的例子:
https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws/ -
正确的例子:
-
https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws -
https://vpce-05668789767a-fh45z079.vpce-mq.transfer-webapp.us-east-1.on.aws
-
如果您为多个 Web 应用程序重复使用存储桶,请将它们的终端节点添加到列表中
AllowedOrigins。[ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "GET", "PUT", "POST", "DELETE", "HEAD" ], "AllowedOrigins": [ "https://WebAppEndpoint" ], "ExposeHeaders": [ "last-modified", "content-length", "etag", "x-amz-version-id", "content-type", "x-amz-request-id", "x-amz-id-2", "date", "x-amz-cf-id", "x-amz-storage-class", "access-control-expose-headers" ], "MaxAgeSeconds": 3000 } ] -
-
选择 “保存更改” 以更新 CORS。
要测试您的 CORS 配置,请参阅测试 COR S。