Comment utiliser NextJS AppRouter pour obtenir /api/auth/me côté serveur

Question

Je souhaite utiliser le routeur d'application avec nextjs et j'ai rencontré un problème. Pour que mon application fonctionne, je dois appeler /api/auth/me pour renvoyer un utilisateur, ou null s'il n'est pas connecté. Pour ce faire, je dois inclure un en-tête d'autorisation avec le jeton du porteur obtenu à partir de localStorage dans api.get("/api/auth/me") dans axios. Je souhaite le faire côté serveur car j'ai besoin que mon application affiche des annonces Google. Comment puis-je faire ceci?

Mon layout.tsx ressemble à ceci

import "./globals.css";
importer le type { Métadonnées } depuis "suivant" ;
importer {Inter} depuis "next/font/google" ;
importer la barre latérale depuis "../components/Sidebar" ;

const inter = Inter({ sous-ensembles : ["latin"] });

exporter les métadonnées const : Métadonnées = {
  titre : "Créer l'application suivante",
  description: "Généré par la création de l'application suivante",
} ;

exporter la fonction par défaut RootLayout({
  enfants,
} : {
  enfants : React.ReactNode ;
}) {
  retour (
    
      
        
        {enfants}
      
    
  );
}

            

Answer 1

Vous ne pouvez pas accéder au stockage local côté serveur. Vous pouvez toutefois utiliser des cookies. Pour des raisons de sécurité, veuillez définir des cookies http uniquement. Par conséquent, vous devez effectuer une requête POST après l'authentification pour définir le cookie http uniquement.