mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-13 23:16:47 +00:00
32 lines
966 B
JavaScript
32 lines
966 B
JavaScript
/**
|
||
* 自定义404界面
|
||
* @returns {JSX.Element}
|
||
* @constructor
|
||
*/
|
||
import { useRouter } from 'next/router'
|
||
import { useEffect } from 'react'
|
||
|
||
export default function Custom404 () {
|
||
const route = useRouter()
|
||
if (route.asPath.indexOf('/article') < 0 && route.asPath.indexOf('/404') < 0) {
|
||
// article 重定向，处理旧文章链接迁移。
|
||
const redirectUrl = '/article' + route.asPath
|
||
route.push(redirectUrl)
|
||
} else {
|
||
useEffect(() => {
|
||
setTimeout(() => {
|
||
window.location.href = '/'
|
||
}, 3000)
|
||
})
|
||
}
|
||
|
||
return <div
|
||
className='text-black bg-white h-screen text-center justify-center content-center items-center flex flex-col'>
|
||
<div>
|
||
<h1 className='inline-block border-r-2 border-gray-600 mr-2 px-3 py-2 align-top'>404</h1>
|
||
<div className='inline-block text-left h-32 leading-10 align-middle'>
|
||
<h2 className='m-0 p-0'>页面丢失了，3秒后返回首页</h2></div>
|
||
</div>
|
||
</div>
|
||
}
|