Angular2 сохраняет конфиденциальную информацию после обновления браузера

Я бы делал вызов API на сервер или туда, где у вас есть информация о пользователе каждый раз, когда приложение запускается. Итак, когда я обновляю приложение, я получаю информацию из первых рук, и мне не нужно хранить ее в сеансах, я просто сохраняю данные в объекте и использую их.

Когда вы входите в систему, сгенерируйте токен, сохраните его в сеансе и отправьте вместе с вызовом API, о котором я упоминал ранее.

Это был бы мой подход:

1. Логин -> сгенерировать токен
2. Хранить токен
3. Вызов API для получения токена передачи информации о пользователе (инициализация в приложении)

Надеюсь, это поможет или, по крайней мере, даст вам несколько ценных идей... Дайте нам знать, как вы решили свою проблему! :D

Вы не можете доверять клиенту. Вы можете создать службу API, которая возвращает логическое значение, если этот пользователь является администратором, и проверить его, если значение isAdmin не установлено.

sessionStorage и localStorage должны обновляться последней страницей по дизайну

в то время как данные, хранящиеся в localStorage, не имеют установленного срока действия, данные, хранящиеся в sessionStorage, очищаются, когда сеанс страницы заканчивается. Сеанс страницы длится до тех пор, пока открыт браузер, и сохраняется после перезагрузки и восстановления страницы.

Вы должны получить данные из API и сохранить их в службе, поскольку служба является одноэлементной, это означает, что она будет доступна на время работы приложения и не будет сохраняться.

import { Injectable } from '@angular/core';
import {Http} from 'angular2/http';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class StorageService {
    private _isAdmin = null;

    constructor(private http: Http) {}

    public get isAdmin() {
            // If we need to fetch the data
            if (_isAdmin === null) {
              return this.http.get('https://myapi.myserver.com')
                   .map((response) => response.json().isAdmin)
                   .do(isAdmin: boolean) { this._isAdmin = isAdmin);
            })
            return Observable.of(this._isAdmin);
    }
}

Вы также можете использовать angular-redux или другую библиотеку хранения, если вам нужно хранить больше, чем только это бит данных

Я сохранил профиль пользователя в localStorage и подписался на события роутера. Затем я зарегистрировал события и выбрал начальное событие маршрута, с которым у меня возникли проблемы. Когда происходит событие, я сбрасываю профиль пользователя из localStorage, который удовлетворяет моим проверкам AuthGuard. Теперь в любое время, когда я обновляюсь, мои данные все еще там, и меня не выгоняют из защищенных маршрутов.