0

所以我正在开发一个angular2应用程序，并试图在登录后生成一个JWT，以便获取用户的个人资料信息。我可以成功登录，这就是我生成令牌的时候。登录后，我将用户路由到个人资料页面，这就是我调用我的 api 以获取用户信息的地方。所有这些仅在我登录并刷新页面后才有效。

this.auth_service
      .Login(this.email, this.password)
      .subscribe(
              data => {
                         this.global_events.change_nav_bar.emit(true)
                         console.log('logged in successfully: ' + data)
                         this.router.navigate(['/profile'])
                     })

// auth_service 上面调用这个方法

Login(email, password): Observable<boolean>
    {
        return this.http
                    .post('/api/login', JSON.stringify({email: email, password: password}), this.Get_Headers('no_auth'))
                    .map(Handle_Response)

        function Handle_Response(response: Response)
        {
            let token = response.json() && response.json().token
            if(token)
            {
                this.token = token
                localStorage.setItem('current_user', JSON.stringify({ email: email, token: token }))
                return true
            }
            else
                return false
        }
    }

// 然后在我的配置文件组件中执行此操作。我尝试了不同的超时时间。

ngOnInit(): void
    {
        this.global_events.change_nav_bar.emit(true)

        setTimeout(() => this.Get_User_Data(), 10000)
    }
4

1 回答 1

1

我通过直接从 localStorage 中提取令牌而不是在 authenticationService 中设置来解决了这个问题（没有真正解决，但找到了另一个解决方案）

于 2016-11-22T06:49:10.447 回答