Vue.js, JWT, Laravel, API, logowanie

Question

Witam, jak powinno wyglądać logowanie w Vue.js po stronie vue? W internetach jest tego tyle że w sumie nie wiem jak to powinno wyglądać. Mam JWT, po stronie back-endu działa całkiem ok, sprawdzałem postmanem. Używam JWT, po stronie Laravela mam klucz publiczny i prywatny. Z tego co znalazłam w Internecie, można użyć biblioteki vue-auth, czy to dobre rozwiązanie?

Answer 1

Można, ale nie jest to konieczne. Trzymaj refresh i access tokeny w local storage => vuex. Korzystaj z middlewara do axiosa. Tam doklejaj token do requesta i w razie odpowiedniego kodu http sprawdzaj czy token nie jest przedawiony.

Comments

jak dodawać token do requestów? zrobiłem logowanie, token zapisuję w localStorage tylko teraz nwm jak mam go dodać do zapytań

---

Wysyłasz go w "headers".

Z użyciem vue rescure, wygląda to mniej więcej tak:

let headers: { Authorization: window.localStorage.getItem('token') } };

this.$http.get(http_link, null, headers).then(....);

 

---

a jak rozkodować token, tzn pobrać id zalogowanego użytkownika po stronie vue kiedy token jest już w localStorage?

---

Możesz użyć np. tego: vue-jwt-decode