Налаштування Автентифікації та Захист Маршрутів
Повернення до проєкту
1. Додавання власної сторінки входу
Створіть файл auth.config.ts у корені проєкту з таким вмістом:
Це визначає маршрут власної сторінки входу (/login) за допомогою опції pages.
2. Захист маршрутів за допомогою Middleware
Розширте auth.config.ts, додавши логіку захисту маршрутів. Користувачі перенаправляються на сторінку входу, якщо намагаються отримати доступ до панелі керування без авторизації.
3. Middleware
Створіть файл middleware.ts для ініціалізації NextAuth.js і захисту маршрутів відповідно до заданої конфігурації.
Ми налаштували власну сторінку входу та додали логіку для захисту маршрутів. Middleware гарантує, що захищені маршрути не будуть відображатися до перевірки автентифікації, що підвищує безпеку та продуктивність.
На практиці
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
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.08Налаштування Автентифікації та Захист Маршрутів
Свайпніть щоб показати меню
Повернення до проєкту
1. Додавання власної сторінки входу
Створіть файл auth.config.ts у корені проєкту з таким вмістом:
Це визначає маршрут власної сторінки входу (/login) за допомогою опції pages.
2. Захист маршрутів за допомогою Middleware
Розширте auth.config.ts, додавши логіку захисту маршрутів. Користувачі перенаправляються на сторінку входу, якщо намагаються отримати доступ до панелі керування без авторизації.
3. Middleware
Створіть файл middleware.ts для ініціалізації NextAuth.js і захисту маршрутів відповідно до заданої конфігурації.
Ми налаштували власну сторінку входу та додали логіку для захисту маршрутів. Middleware гарантує, що захищені маршрути не будуть відображатися до перевірки автентифікації, що підвищує безпеку та продуктивність.
На практиці
Дякуємо за ваш відгук!
