Ubah hala ke halaman 404 Not Found dalam folder aplikasi Next.js: panduan langkah demi langkah
P粉553428780
P粉553428780 2023-11-03 19:55:27
0
1
520

Sebagai contoh, kami pernah menggunakangetServerSidePropsuntuk mengubah hala ke halaman 404 dalam komponen halaman seperti ini:

// pages/index.js export async function getServerSideProps(context) { const placeId = context.params.placeId; const places = await getPlace(placeId); if (!places.length) { return { notFound: true, } } return { props: { places[0], }, };

Dengan direktori Next.js13danapp, kami mempunyai komponen pelayan.13app目录,我们有了服务器组件。getServerSidePropsBagaimana untuk mengubah hala ke halaman 404 apabila tidak lagi digunakan?

P粉553428780
P粉553428780

membalas semua (1)
P粉805922437

Mengikut dokumentasi, anda boleh menggunakan failnotFound( )函数如下所示,它会渲染相应的not-found.js:

// app/user/page.js import { notFound } from 'next/navigation'; export default async function Profile({ params }) { const res = await fetch(`/user/${params.id}`); if (!res.ok) { notFound(); } return 
Actual Data
; }
// app/user/not-found.js export default function NotFound() { return 

404 Not Found

}

Tanpaapp/user/not-found.js文件,则使用app/not-found.js。如果没有app/not-found.js, ia akan menggunakan nilai lalai yang diberikan oleh Next.js.

    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!