AngularJS SPA需要重新加载才能识别localstorage中的jwt令牌

1. 如果您希望登录后令牌应该与每个请求一起使用,而不刷新您的应用程序,那么您必须创建一个拦截器或服务,在其中您在选项中设置令牌,它将与您的每个请求一起使用。

You can refer to this article and let me know further if any query (Click me!).

2. 确保单击“注销”

   本地存储。setItem('isLoggedIn',JSON.stringify(false)); 这当前用户(“”);

不确定您的身份验证流是什么,但您需要一个http服务,该服务将根据当前状态获取或发布令牌。

类似于

  get(url: string, options?: RequestOptionsArgs, silent: boolean = false): Observable<Response> {
  let getStream = () => {
    return Observable.from([true])
      .flatMap((_) => {
        if (!silent) this.beginActivity();
        return this.authHttp.get(url, this.prepareOptionsForJsonApi(options));
      })
      .catch((res) => { return this.handleError(res); })
      .do(noop,
      (error) => { this.publishError(error); },
      () => { if (!silent) this.endActivity(); });
  };

  return this.whenTokenReady(getStream);
}

  post(url: string, body: any, options?: RequestOptionsArgs): Observable<Response> {
  let postStream = () => {
    return Observable.from([true])
      .flatMap((_) => {
        this.beginActivity();
        return this.authHttp.post(url, body, this.prepareOptionsForJsonApi(options));
      })
      .catch((res) => { return this.handleError(res); })
      .do(noop,
      (error) => { this.publishError(error); },
      () => { this.endActivity(); });
  };

  return this.whenTokenReady(postStream);
}

问题已解决。

我使用了angularjs的$资源,并在如下标题中将令牌作为对象传递,调用直接在对象上调用localstorage的令牌的方法。

return $resource('user/:userId', null, {

      'update': {
        method: 'PUT',
        headers: {
          Authorization: 'Bearer ' + AuthService.getToken();
        }
      };

因此,我进行了更改,创建了一个变量标记并调用了调用该标记的方法,然后将变量标记传递给对象中的头。

var token = AuthService.getToken();

    return $resource('user/:userId', null, {

      'update': {
        method: 'PUT',
        headers: {
          Authorization: 'Bearer ' + token
        }
      },