next.js 自定义404页面

8 min read

next.js 自定义404页面

默认的,next.js提供了404页面,如下

4c6f196050d74e6b98905eeb43b0b991.png

需要定制化next.js的页面 只需要在pages的根目录下面新建一个404.js的文件即可

例子如下:

// 404.js
import Link from 'next/link'

export default function FourOhFour() {
    return <>
        <h1>404 - Page Not Found</h1>
        <Link href="/">
            <a>
                Go back home
            </a>
        </Link>
    </>
}