404 页面无法在 Nextjs 静态生成文件上工作

Question

我在生成静态生成文件时无法显示我制作的 404 自定义页面 (

next build && next export

)

当我导航到不存在的页面（“

/<any-non-existing

”）时，它总是重定向到主页（“

/

”）。我的期望是它会自动重定向到（“

/404

”）。

但是，如果我手动导航到（“

/404

”）页面，该页面工作得很好。

使用 Cloudfront 部署到 S3 启用 next.config.js

{ trailingSlash: true }

Answer 1

这是由于您对未找到页面的命名造成的。它不会是 404.tsx，而是您需要将其设置为 not-found.tsx 才能完成您的工作。