reactjs - 刷新页面时Cloudfront返回403禁止

Question

我已将 React 应用程序上传到 AWS S3 并使用静态网站托管。然后我将一个 cloudfront 发行版链接到 s3 存储桶。

我能够导航到该站点并且它正常运行，除非我导航到一个新页面 my-domain/new-page。起初它成功了，但如果我尝试直接加载页面或刷新，我会收到 403 禁止错误。

Answer 1

使用与 S3 和 CloudFront 的 react ，我遇到了这个或类似的问题，加载初始索引页面然后链接到其他页面工作得很好(推送状态更改)，但是如果我刷新页面或直接链接到页面，它来了状态为“拒绝访问”，状态 403。

我找到的解决方案是将 403 和 404 错误的自定义错误页面添加到 CloudFront 配置中。

当对象不存在时，S3 响应 403，就像客户端路由中的页面一样。