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

AWS S3 Bucket - Access Denied on Sub-Pages

所以我有一个 AWS S3 存储桶,用于托管我构建的 React 应用程序的文件。我使用 CodePipeline 构建和编译 React 应用程序,并将文件存储在通过 CloudFront CDN 提供的 S3 存储桶中。

当我从根 https://website.com 访问 url 时,似乎一切正常。当我在该页面上单击“登录”时,我被定向到以下路线 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,这就是根域工作的原因,但我如何让所有 urls 指向 /index.html所以应用程序正确路由它?

我需要在我的云端配置中设置 403 Forbidden 规则,如下所示: