6

Я использую связку Laravel (для API) + Vue (для SPA). Для аутентификации в API используется Laravel Passport. Возник вопрос, как правильно организовать аутентификацию в моём SPA приложении.

При логине, например, пользователю выдается Personal Access Token. Что делать дальше? Конкретно не понятны два момента:

  • Где хранить токен доступа к своему API, в localStorage, cookie или еще где-то?
  • Как производить аутентификацию в само SPA, для того чтобы ограничить доступ к некоторым роутам. Просто хранить флажок isAuthenticated в localStorage? Как вообще принято это делать?
5
  • php artisan vendor:publish --tag=passport-components - вы уже выполнили эту команду?
    – user256824
    28 мая 2019 в 8:56
  • @РустамГимранов, нет, но как это может мне помочь? Команда создаст компоненты для работы с токенами и клиентами, и всё.
    – LNK
    28 мая 2019 в 9:01
  • 1
    Есть проект, который так и называется laravel-vue-spa - в нем на большинство ваших вопросов есть ответы.
    – user256824
    31 мая 2019 в 16:29
  • @РустамГимранов, да, я его скачал сразу, изучил. Просто сомневался, всё ли там правильно реализовано :) Но спасибо за вашу рекомендацию.
    – LNK
    31 мая 2019 в 16:43
  • 1
    Еще vue-auth есть, но его не просматривал. Сам в localStorage храню. В axios bearer token добавляю при каждом запросе.
    – user256824
    31 мая 2019 в 17:05

1 ответ 1

1

Где хранить токен доступа к своему API, в localStorage, cookie или еще где-то?

Я храню в токены в localStorage.

Как производить аутентификацию в само SPA, для того чтобы ограничить доступ к некоторым роутам. Просто хранить флажок isAuthenticated в localStorage? Как вообще принято это делать?

При загрузке страницы можно отправлять на API запрос аля site.com\api\whoami, который будет требовать авторизации и возвращать авторизованного пользователя и, как самый простой вариант, при успехе записывать в localStorage isAuthenticated true, в противном случае - isAuthenticated false.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.