javascript - Angular jwt 无效 token

标签 javascript angular rest postman

我有 Angular JWT token 的问题,它适用于我来自 Postman 的 api,但不适用于 Angular 调用。索取详情如下:screen shot

我复制了响应中显示的 token 并通过 Postman 生成了一个有效的请求。

知道为什么这个 token 在从 Angular 服务发送时可能无效吗?

Postman 结果如下:

enter image description here

这里是生成 token Angular 边的

    import { Injectable } from '@angular/core';

    import {
      HttpRequest,
      HttpHandler,
      HttpEvent,
      HttpInterceptor} from '@angular/common/http';
    //import { AuthService } from './auth/auth.service';
    import { Observable } from 'rxjs/Observable';
    import { Http } from "@angular/http/http";
    import { AuthService } from "./auth.service";
    import { HttpClient } from "@angular/common/http";
    @Injectable()
    export class TokenInterceptor implements HttpInterceptor {
      constructor(public auth: AuthService) { }
      intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

        request = request.clone({
          setHeaders: {
            Authorization: `Bearer ${this.auth.getToken()}`
          }
        });
        return next.handle(request);
      }
    }

  public getToken(): string {
    return localStorage.getItem('token');
  }

最佳答案

授权 header 通常采用这种格式:

Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9.TJVA95OrM7E2cBab30RMHrHDcEfxjoYZgeFONFh7HgQ

看起来您正在尝试发送整个对象。仅发送 token 字段。

关于javascript - Angular jwt 无效 token ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47018100/

相关文章:

javascript - 似乎无法加载 AngularJS CDN?

Javascript onmouseup 事件未按预期触发

angular - 向 Angular router.navigate 添加参数

java - 保护 JavaScript 前端/REST 后端架构网站的最佳方式?

javascript - Node ExpressJS |如何通过自定义查询参数验证

javascript - 通过变量调用函数

angular - 将 Angular 验证类应用于非 FormControl 父级

具有不同参数的相同组件的 Angular 路由

php - Google REST API ADMIN_ONLY_OPERATION

javascript - 无法呈现 Google 可视化 ChartWrapper