notFound

notFound 函数允许你在路由段中渲染not-found 文件，并注入 <meta name="robots" content="noindex" /> 标签。

`notFound()`

调用 notFound() 函数会抛出一个 NEXT_NOT_FOUND 错误，并终止其中抛出错误的路由段的渲染。指定not-found 文件 允许你通过在段中渲染“未找到”UI 来优雅地处理此类错误。

app/user/[id]/page.js

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 user = await fetchUser(params.id)
 
  if (!user) {
    notFound()
  }
 
  // ...
}

注意：由于使用了 TypeScript never 类型，notFound() 不需要使用 return notFound()。

版本历史

版本	更改
`v13.0.0`	引入 `notFound`。

这有帮助吗？