Когда пользователь входит в систему, вы можете включить «имя пользователя» вместе с «токеном» в качестве ответа от серверной части. Затем вы можете сохранить {токен, имя пользователя}, полученное от бэкэнда, в localStorage в вашем интерфейсе
Пример:
// Response from backend--------------------
{
"token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9",
"username": "tester"
}
// Login service from frontend--------------------
login(user: User): Observable<User> {
return this.http.post<User>('/login', user)
.pipe(
map(response => {
localStorage.setItem('currentUser', JSON.stringify(response));
return response;
})
);
}
Затем, если вы хотите получить {токен, имя пользователя} из вашего интерфейса:
const currentUser = JSON.parse(localStorage.getItem('currentUser'));