使用 aws s3 和 cloudfront 托管 React 应用程序。任何人都可以建议配置以访问动态 url 吗？

Question

例如网站 url 是https://www.myreactapp.com 。 它还有其他一些带有动态获取参数的页面。

https://www.myreactapp.com/category/1

https://www.myreactapp.com/category/2

它给了我拒绝访问错误

Answer 1

OP 的解决方案是将源从 S3 更新为自定义源域。 这允许预期的行为起作用。

验证存储桶是公开的，错误 403 是由不存在的密钥引起的。

Answer 2

我有同样的问题，我试图在运行时使用 ajax 访问内容。

将 S3 存储桶访问权限设置为“对象可以公开”，Static 网站托管无需设置“公开”访问权限。

如果您希望 CloudFront 传送放置在 S3 存储桶中的任何对象，请使用S3 Origin 。 但是如果你生成运行时内容，它的击球手使用Custom Origin 。

For Custom Origin keep Note: https://docs.aws.amazon.com/general/latest/gr/s3.html#s3_website_region_endpoints https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/DownloadDistS3AndCustomOrigins.html