Par exemple, nous avons déjà utilisé getServerSideProps pour rediriger vers une page 404 dans le composant page comme ceci :
// 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],
},
};
Avec les répertoires Next.js 13 et app, nous avons le composant serveur. 13 和 app 目录，我们有了服务器组件。 getServerSideProps Comment rediriger vers une page 404 lorsqu'il n'est plus utilisé ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
D'après la documentation, vous pouvez utiliser le fichier
notFound( )函数如下所示，它会渲染相应的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 <div>Actual Data</div>; }// app/user/not-found.js export default function NotFound() { return <p>404 Not Found</p> }Sans
app/user/not-found.js文件，则使用app/not-found.js。如果没有app/not-found.js, il utilisera la valeur par défaut donnée par Next.js.