在S3 AWS上React应用程序SPA，同时刷新页面显示404页面

Question

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

\n

我还尝试将错误页面重定向到 BASE_URL，但它不起作用\xe2\x80\x99，它将我重定向到 S3 为我提供的 Http 默认域，并且再次给我一个 404 错误页面。

\n

我不\xe2\x80\x99t 知道是否存在另一种方法来保持 URL 不变（domain.com/page）并避免 Web 服务器（apache）处理的 404 错误。

\n

Answer 1

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

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