forbidden.js

forbidden 文件用于在身份验证期间调用 forbidden 函数时渲染 UI。除了允许你自定义 UI 外，Next.js 还将返回 403 状态码。

TypeScript

app/forbidden.tsx

import Link from 'next/link'

export default function Forbidden() {
  return (
    <div>
      <h2>禁止访问</h2>
      <p>你无权访问此资源。</p>
      <Link href="/">返回首页</Link>
    </div>
  )
}

JavaScript

app/forbidden.jsx

import Link from 'next/link'

export default function Forbidden() {
  return (
    <div>
      <h2>禁止访问</h2>
      <p>你无权访问此资源。</p>
      <Link href="/">返回首页</Link>
    </div>
  )
}

参考

Props

forbidden.js 组件不接受任何 props。

版本历史

版本	变更
v15.1.0	引入 forbidden.js。