如何在角6中添加JWT

Question

我已经添加了授权密钥，如下所示

postrequest(callurl, input) {
const headers: any = new Headers;
headers.append('Content-type', 'application/json;charset=utf-8');
headers.append('Authorization', 'Bearer 
  '+localStorage.getItem("AuthTocken"));
return this._http.post(callurl, input, headers)
  .pipe(
    map((res: any) => {

      return res;
    }),
    retry(2),
    catchError(err => {
  })
 );
}

我没有发现任何错误，但是在标题中没有找到授权

角6

从@angular/common/http使用的服务

URL在邮递员工作正常

我得到的错误如下

http.service.ts:84后端返回代码0，正文为：[对象Progress事件]正文为：{"标头"：{"规范化名称"：{}，"lazyUpdate"： null，"标头":{}},"状态"： 0，"statusText"："未知错误"，"url"： null，"ok"： false，"name"："HttpError响应"，"消息""："Http失败响应（未知网址）： 0未知错误"，"错误"：{"isTrusted"： true}}（匿名）@http.service.ts:84推.../node_modules/rxjs/_esm5/内部/运算符/[e-mail]:34

Response标头在此处输入图像描述

Answer 1

它需要一个稍微不同的设置。

编辑：为了简洁

this.httpClient.post(URLs, { headers: new HttpHeaders({ 'Authorization': localStorage.getItem("token") }); })

顺便说一句，我意识到你把授权拼写错了。因此，它不会被认为是一个标准的标题。

Answer 2

您必须使用承载而不是令牌

headers.append('Authorisation', 'Bearer '+'localStorage.getItem("AuthTocken"));

header对象是一个选项。必须以下面的形式将标题作为参数传递

这个。http。post（url，数据，{headers:headers}）