AWS S3 存储桶 - 子页面访问被拒绝

Question

因此，我有一个 AWS S3 存储桶，用于托管我构建的 React 应用程序的文件。我使用 CodePipeline 构建和编译 React 应用程序，并将文件存储在通过 CloudFront CDN 提供服务的 S3 存储桶上。

当我从 root 访问 url 时，一切似乎都工作正常https://website.com。当我单击该页面上的“登录”时，我会被引导至以下路线https://website.com/auth/login，效果非常棒。

问题 如果我尝试直接访问该页面，https://website.com/auth/login则会收到以下错误：

<Error>
  <Code>AccessDenied</Code>
  <Message>Access Denied</Message>
  <RequestId>66CE67E2E5DA0B7B</RequestId>
  <HostId>Spfhgnlygx05eugycEy5ew4e8oSn/ccNX21Iy/6qaAxI8glXljDjgKmUPvMzRd8+NktQsNietpg=</HostId>
</Error>

我将 cloudfront CDN 中的默认资源设置为，这/index.html就是根域工作的原因，但是如何获取所有指向的 URL，/index.html以便应用程序正确路由它？

Answer 1

我需要在我的云前端配置中设置 403 Forbidden 规则，如下所示：尝试访问重新加载或刷新或角度 5 中的新选项卡中的一个时接收 AccessDenied