角度5不能与401错误放在一起

Question

我想在我的角度服务和快速路线上使用PUT方法更新数据，但它给了我401个错误。这是我的服务：

//401
makeAdmin(_id) {
  this.loadToken()
  let headers = new Headers()
  headers.append('Authorization', this.authToken)
  console.log(_id)
  headers.append('Content-Type', 'application/json')
  return this.http.put(this.baseUri+'users/makeAdmin/'+_id,{headers: headers})
    .map(res => res.json())
}

但当我使用GET或DELETE方法时，它可以向我的快速路线发送数据。这是我的特快路线：

router.put('/makeAdmin/:id',passport.authenticate('jwt', {session:false}),(req, res, next)=>{
    console.log(req.params.id)
})

我的浏览器日志错误：

http://localhost:8080/users/makeAdmin/5b57219f1e1be6279c95a5be401（未授权）core.js:1440错误响应

这是从控制台编辑的。日志：

响应{正文：“未授权”，状态：401，ok:false，状态文本：“未授权”，标题：标题，…}标题：标题{标题：映射（0），\U规范化名称：映射（0）}确定：错误状态：401状态文本：“未授权”类型：2 url:：http://localhost:8080/users/makeAdmin/5b57219f1e1be6279c95a5be_body:“未经授权”原型：body

Answer 1

尝试：

let headers = new Headers().append('Authorization', this.authToken);

来自HttpHeaders文档：不可变的Http头集，具有延迟解析。

https://angular.io/api/common/http/HttpHeaders

Answer 2

由于您使用的是map和Headers而不是HttpHeaders，我假设您使用的是角的旧Http客户端，而不是新的HttpClient类。

PUT方法需要一个体（留档），所以试试这个

return this.http.put(this.baseUri+'users/makeAdmin/'+_id, null, {headers: headers})
.map(res => res.json())

如果不将null指定为正文，则会将标头作为正文参数发送，而具有实际标头的选项参数则留空。