AWS CloudFront 无法指向特定的 url 子页面

Question

我正在使用 reactJS 开发我们的网站，我将其上传到 S3 存储桶，其中索引和错误文档都指向“index.html”。

如果我使用 s3 存储桶的 url，比如 http://assets.s3-website-us-west-2.amazonaws.com"，我会得到我的 index.html。到目前为止，一切都很好。如果我然后通过故意附加 /merchant 转到特定的子页面，它就没有任何问题虽然我的 s3 存储桶中没有名为 /merchant 的文件夹。

但是，如果我现在将此 S3 存储桶附加到我的 CloudFront 分配，并尝试直接寻址“https://blah.cloudfront.net/merchant”，它会响应“拒绝访问”，因为它在 s3 存储桶中找不到子文件夹 /merchant。

人们如何使用 CloudFront 解决这个问题？我有很多虚拟子页面没有映射到物理文件夹。

谢谢！

Answer 1

我有答案。

在云端，设置自定义错误响应，如下