Cloudfront 404 页面未加载 js

Question

我在通过 CloudFront 托管的 S3 存储桶中有一个 Gatsby React 站点。

使用 CDK 中的错误配置，我的网站将在发生错误时加载正确的 404 页面。

但是404页面的js不会加载，控制台会显示这个错误

Uncaught (in promise) Error: page resources for /nonexistentpage/ not found. Not rendering React at ...

Cloudfront 配置

responseCode: 200,
errorCachingMinTtl: 604800,
errorCode: 404,
responsePagePath: "/error.html"

这在本地有效，所以我认为这是一个云端问题。

Answer 1

如果其他人遇到这个问题，将 responseCode 更改为 404 可以解决此问题

Cloudfront 404 page not loading js