reactjs - 刷新页面时在 S3 AWS 上 react 应用程序 SPA 显示 404 页面

Question

我在 S3 Bucket 上使用 React JS 制作了一个 SPA，我正在使用 Cloud Front 通过 HTTPS 工作和自定义域。当我刷新页面时 - 如果我有另一个不是 BASE_URL (例如 domain.com/something) 的路由，S3 会向我发送 404 错误。

我也尝试将错误页面重定向到 BASE_URL，但它不起作用，它将我重定向到 S3 提供给我的 Http 默认域，它再次给我一个 404 错误页面。

我不知道是否有其他方法可以保持 URL 不做任何更改 (domain.com/page) 并避免 Web 服务器 (apache) 处理 404 错误的方式。

Answer 1

如果您使用 CloudFront 托管 s3 网站，这是在重新加载非索引路由(如 www.google.com/about)时摆脱 404 的有效方法或类似的非/是通过以下步骤:

1. 转到您的 CloudFront 分配
2. 转到错误页面
3. 使用以下参数创建一个新的错误页面:

    HTTP Error Code: 404
    TTL: 0
    Custom Error Response: Yes
    Response Page Path: /index.html
    HTTP Response Code: 200

享受

本文的致谢 https://gist.github.com/bradwestfall/b5b0e450015dbc9b4e56e5f398df48ff