在S3 AWS上反应应用程序SPA，同时刷新页面显示404页面 [英] React app SPA on S3 AWS while refreshing the page shows 404 page

问题描述

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

我还尝试将错误页重定向到BASE_URL，但不起作用，它会将我重定向到S3提供给我的http默认域，并再次显示404错误页。

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

推荐答案

如果您使用云前端托管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

这篇关于在S3 AWS上反应应用程序SPA，同时刷新页面显示404页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！