recherche

Maison  >  Questions et réponses  >  le corps du texte

Redirection vers la page 404 Not Found dans le dossier d'application Next.js : guide étape par étape

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. 13app 目录,我们有了服务器组件。 getServerSideProps Comment rediriger vers une page 404 lorsqu'il n'est plus utilisé ?

P粉553428780P粉553428780375 Il y a quelques jours634

répondre à tous(1)je répondrai

  • P粉805922437

    P粉8059224372023-11-04 14:17:20

    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.

    répondre
    0
  • Annulerrépondre