在 angular 5 中尝试访问重新加载或刷新或新选项卡中的一个时收到 AccessDenied

Receive AccessDenied when trying to access a reload or refresh or one in new tab in angular 5

有一段时间,我只是将我网站的内容存储在一个 s3 存储桶中,并且可以通过完整 url 访问所有页面就好了。我想通过添加 SSL 使我的网站更安全,因此我创建了一个 CloudFront 分发以指向我的 s3 存储桶。

网站加载正常,但如果用户尝试刷新页面或者他们尝试使用完整 url(即 www.example.com/home), 他们将收到一个 AccessDenied 页面。

当您重新加载并在新选项卡中打开时,S3 不理解打开的路由。您需要告诉 S3 是为此路由使用 index.html.Whenever 新路由打开它给出 403 [访问被拒绝] 错误。为此,您需要设置 CloudFront 以将 403 错误页面重定向到 index.html

转到 aws cloud front 并打开您的配置,然后转到错误页面选项卡,您将看到与上面的屏幕截图相同的内容

这里是详细博客:https://www.internetkatta.com/host-angular-2-or-4-or-5-version-in-aws-s3-using-cloudfront