Система аутентификации Vue.js

Серия видео о том, как можно настроить систему аутентификации на Vue.js. Мы рассмотрим примеры, как можно закрыть доступ к определенным страницам внутри Vue проекта, посмотрим как работать с токеном пользователя.

11 уроков

Что полезно еще изучить

Пример генерации API ключей и JWT-токена на фреймворке Symfony

Основы аутентификации веб-приложений

  • Аутентификация Vue.js. Разворачиваем проект.
    Создание проекта Vue с нуля под аутентификацию: развёртывание через Vue CLI, главный файл и первый компонент.
  • Создаем основные компоненты, страницы и устанавливаем router библиотеку
    Навигация в приложении Vue: роуты через Vue Router, открытая страница и закрытая для авторизованных.
  • Vue.js. Создаем страницу входа на сайт
    Страница входа на Vue: компонент loginPage.vue, поля логина и пароля, маршрут и метод обработки формы.
  • Устанавливаем центральное хранилище Vuex и создаем ключ user
  • Получаем и сохраняем токен пользователя
  • Закрываем доступ к закрытым страницам
  • Добавляем возможность выхода пользователя
  • Получаем список текущих пользователей с сервера
  • Выводим информацию о текущем пользователе
  • Как сделать, чтобы пользователя не выкидывало с сайта после обновления страницы
  • Как проверять валидность токена только один раз для Vue приложения

Как получить доступ?

Доступ к курсу "Vue.js" на 1 месяц

Стоимость: 1000 ₽ (стоимость в других валютах можно уточнить у автора)

Войдите / зарегистрируйтесь на сайте, чтобы получить данные для оплаты

Что еще добавить в этот курс? Каких уроков вам не хватило?