JWT użycie rozkodowanych danych

Question

Witam, jak użyć danych z rozkodowanego tokenu JWT?

mam kod

var token = localStorage.getItem('token')

function decodeToken(token) {
  var playload = JSON.parse(atob(token.split('.')[1]))
  console.log(playload)
}

decodeToken(token)

w kosoli otrzymuję te dane, imię, id i to co chcę w nim przekazać ale teraz nie wiem jak ich użyć w komponentach chciałbym mieć do tego łatwy dostęp np 

{{ $user.name }}

tylko nie wiem jak to ogarnąć

Answer 1

Ta po prawdzie to JWT używa bardziej base64url niż bse64 jak u Ciebie ale pomijając już tę kwestią to niezbyt rozumiem z czym jest problem, bo jak sam piszesz:

w kosoli otrzymuję te dane, imię, id i to co chcę w nim przekazać 

no to nie rozumiem, dlaczego nie możesz w tej funkcji po prostu zwrócić returnem tego Twojego payload i przypisać go sobie do jakieś zmiennej?

A po za tym to z JSON.parse trzeba uważać i ja zawsze stosuję zasadę, że jeśli już w ogóle używam localStorage i JSON.parse to korzystam z try-catch aby uniknąć przykrych niespodzianek.

Comments

A jakie są inne, bezpieczne sposoby na użycie tych danych z tokenu bez JSON.parse

---

Nie chodzi o to że to niebezpieczne itp., ja po prostu w ostatnim czasie więcej używałem np. IndexedDB co jest dość fajnym rozwiązaniem, ale wszystko zależy od przeznaczenia. Tak samo jak cookiesy nadal są używane, mimo, że parę razy spotkałem się z opinią że skoro jest localStorage to cookies już umiera...