notFound 函数允许您在路由段中渲染 not-found 文件，并注入一个 <meta name="robots" content="noindex" /> 标签。
notFound()调用 notFound() 函数会抛出一个 NEXT_HTTP_ERROR_FALLBACK;404 错误，并终止抛出该错误的路由段的渲染。指定一个 not-found 文件 允许您通过在该路由段内渲染一个“未找到”UI (Not Found UI) 来优雅地处理此类错误。
import { notFound } from 'next/navigation'
async function fetchUser(id) {
const res = await fetch('https://...')
if (!res.ok) return undefined
return res.json()
}
export default async function Profile({ params }) {
const { id } = await params
const user = await fetchUser(id)
if (!user) {
notFound()
}
// ...
}须知:
notFound()不需要您使用return notFound()，因为它使用了 TypeScript 的never类型。
| 版本 | 更改 |
|---|---|
v13.0.0 | 引入了 notFound。 |