unauthorized.js

Le fichier unauthorized est utilisé pour afficher une interface utilisateur lorsque la fonction unauthorized est appelée pendant l'authentification. En plus de vous permettre de personnaliser l'interface, Next.js renverra un code d'état 401.

import Login from '@/app/components/Login'

export default function Unauthorized() {
  return (
    <main>
      <h1>401 - Non autorisé</h1>
      <p>Veuillez vous connecter pour accéder à cette page.</p>
      <Login />
    </main>
  )
}

import Login from '@/app/components/Login'

export default function Unauthorized() {
  return (
    <main>
      <h1>401 - Non autorisé</h1>
      <p>Veuillez vous connecter pour accéder à cette page.</p>
      <Login />
    </main>
  )
}

Référence

Props

Les composants unauthorized.js n'acceptent aucune prop.

Exemples

Affichage d'une interface de connexion pour les utilisateurs non authentifiés

Vous pouvez utiliser la fonction unauthorized pour afficher le fichier unauthorized.js avec une interface de connexion.

import { verifySession } from '@/app/lib/dal'
import { unauthorized } from 'next/navigation'

export default async function DashboardPage() {
  const session = await verifySession()

  if (!session) {
    unauthorized()
  }

  return <div>Tableau de bord</div>
}

import { verifySession } from '@/app/lib/dal'
import { unauthorized } from 'next/navigation'

export default async function DashboardPage() {
  const session = await verifySession()

  if (!session) {
    unauthorized()
  }

  return <div>Tableau de bord</div>
}

import Login from '@/app/components/Login'

export default function UnauthorizedPage() {
  return (
    <main>
      <h1>401 - Non autorisé</h1>
      <p>Veuillez vous connecter pour accéder à cette page.</p>
      <Login />
    </main>
  )
}

import Login from '@/app/components/Login'

export default function UnauthorizedPage() {
  return (
    <main>
      <h1>401 - Non autorisé</h1>
      <p>Veuillez vous connecter pour accéder à cette page.</p>
      <Login />
    </main>
  )
}

Historique des versions

Version	Modifications
`v15.1.0`	Introduction de `unauthorized.js`.

unauthorized

Référence API pour la fonction unauthorized.