Konfigurera Autentisering och Skydda Rutter
Tillbaka till projektet
1. Lägga till anpassad inloggningssida
Skapa en auth.config.ts-fil i projektets rot med följande innehåll:
Detta anger en anpassad inloggningssida (/login) med hjälp av pages-alternativet.
2. Skydda rutter med Middleware
Utöka auth.config.ts för att inkludera logik för ruttsskydd. Användare omdirigeras till inloggningssidan om de försöker komma åt instrumentpanelen utan att vara inloggade.
3. Middleware
Skapa en fil middleware.ts för att initiera NextAuth.js och skydda rutter med den angivna konfigurationen.
Vi konfigurerade en anpassad inloggningssida och lade till logik för att skydda rutter. Middleware säkerställer att skyddade rutter inte renderas förrän autentisering har verifierats, vilket förbättrar både säkerhet och prestanda.
I praktiken
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Can you explain how the matcher in middleware.ts works?
What should I do if I want to protect additional routes?
How do I add authentication providers to this setup?
Awesome!
Completion rate improved to 2.08Konfigurera Autentisering och Skydda Rutter
Svep för att visa menyn
Tillbaka till projektet
1. Lägga till anpassad inloggningssida
Skapa en auth.config.ts-fil i projektets rot med följande innehåll:
Detta anger en anpassad inloggningssida (/login) med hjälp av pages-alternativet.
2. Skydda rutter med Middleware
Utöka auth.config.ts för att inkludera logik för ruttsskydd. Användare omdirigeras till inloggningssidan om de försöker komma åt instrumentpanelen utan att vara inloggade.
3. Middleware
Skapa en fil middleware.ts för att initiera NextAuth.js och skydda rutter med den angivna konfigurationen.
Vi konfigurerade en anpassad inloggningssida och lade till logik för att skydda rutter. Middleware säkerställer att skyddade rutter inte renderas förrän autentisering har verifierats, vilket förbättrar både säkerhet och prestanda.
I praktiken
Tack för dina kommentarer!
