Angular 4和laravel jwt-auth错误答案

【问题标题】：Angular 4 and laravel jwt-auth errorAngular 4和laravel jwt-auth错误
【发布时间】：2018-04-28 04:57:30
【问题描述】：

我的 api 路由

Route::group(['prefix' => 'v1', 'middleware' => ['cors','jwt.auth']], function () {
    Route::get('/test', function () {
        return ['name' => 'anil'];
    });
});

我已经登录 laravel jwt token generate

login(user: Object): Observable<any> {
  return this.http.post(SettingsComponent.API_ENDPOINT+'api/v1/login', user)
  .map((response: Response) => {
    let token = response.json().token;
    let userid = response.json().userid;
    console.log("Response token:" + userid);
    if (token) {
      this.token = token;
      this.userid = userid;
      localStorage.setItem('currentUser', JSON.stringify({ userid: userid, token: token }));
      return true;
    } else {
      return false;
    }
  })
  .catch((error: any) => Observable.throw(error.json().error || { message: "Server Error" }));
}

我正在保存本地存储令牌

如何在nexr url send get方法中使用这个token

getdata() {
    let headers = new Headers({ 'Authorization': 'Bearer ' + 
         this.authService.token });
    return this.http.get(SettingsComponent.API_ENDPOINT+'api/v1/test',headers )
      .map((response: Response) => response.json())
      .catch((error: any) => Observable.throw(error.json().error || { message: "Server Error" }));
  }

我得到的错误：

{“错误”：“token_not_provided”}

我该如何解决这个问题？

【问题讨论】：

标签： angular laravel-5 jwt

【解决方案1】：

在本地存储中单独设置令牌然后你可以这样做：

return localStorage.getItem('token') ? JSON.parse(atob(localStorage.getItem(token'))) : null;

【讨论】：