reactjs - 如何验证我的 S3 存储桶上是否正确设置了 CORS？

Question

我有这个资源可以通过 cloudfront cdn https://d2t70e97bm7kcz.cloudfront.net/app_pfsandbox01/staticapi/MenuTree.json

S3 存储桶是公共的，文件路径是 https://s3.amazonaws.com/appsres/app_pfsandbox01/staticapi/MenuTree.json

S3 存储桶具有以下 CORS 设置

 <?xml version="1.0" encoding="UTF-8"?>
 <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
 <CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>HEAD</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>*</AllowedHeader>
 </CORSRule>
 </CORSConfiguration>

我希望此存储桶中的资源可用于具有不同域的多个不同应用程序 (PWA)，而无需为每个应用程序/域设置特定的 CDN。我需要知道如何验证此资源是否将从任何域下的任何应用程序中获取？

谢谢

标签： reactjsamazon-s3corsprogressive-web-appsamazon-cloudfront

Answer 1

使用https://apitester.com/

使用 Access-Control-Request-Method 制作自定义 OPTIONS 请求：GET Origin：https ://dummydomain.com

得到了成功的回应：