@Vearo

Vuejs nuxtjs авторизация, принцип работы?

я немного запутался и нуждаюсь в пояснении работы авторизации и отрисовки компонентов.

Использую Nuxt + Firebase

По какому принципу это все работает? Допустим если пользователь залогинен, то мне нужно рисовать дополнительно несколько компонентов, пунктов меню, и прочее.

Каким образом реализовать эту логику отрисовки? На каждый компонент и элемент вешать проверку на авторизацию? Мне кажется это не совсем правильно. Поясните

Возможно это делается через layout или вроде того, мне нужно просто дать нужное направление)

И дополнительный вопрос, как защищать маршруты в nuxt в зависимости от той же авторизации? Допустим маршрут Admin и все вложенные маршруты

Спасибо
  • Вопрос задан
  • 117 просмотров
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack Куратор тега JavaScript
Я бы так и сделал: каждый компонент, логика которого зависит от того авторизован ли пользователь проверяет это условие внутри себя. На мой взгляд это достаточно "модульно". А уж где и как хранит данные авторизации — решайте сами. Хоть в отдельный vuex модуль разместите.

как защищать маршруты в nuxt:
https://nuxtjs.org/api/pages-middleware/
Ответ написан
bootd
@bootd
Гугли и ты откроешь врата знаний!
Юзайте готовый модуль https://auth.nuxtjs.org/ - в большинстве случаев его достаточно
Для страниц появляется новое свойство auth: true/false - что значит, нужна авторизация для доступа к странице или нет. Насчёт компонентов да, просто проверяете свойство, что описано в доке авторизован пользователь или нет, после чего отрисовываете нужный вам компонент
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы