D3角度授权

Question

我正在尝试从api获取数据并使用d3.js绘制图形。但是由于401授权错误，我无法获取数据。如何将令牌值传递给d3方法？

  

service.ts

//此服务是我用来获取数据的服务。我还需要使用它来绘制图形。

  rec_source(){

    var headers = new HttpHeaders().set('Authorization', 'Token ' + localStorage.getItem('usertoken'));
    headers.append('Accept', 'application/json');
    var options =  {
      headers: headers
  };
  return this.httpClient.get('api/recruit/fetch_recruitment_details',options)
  }

  

component.ts

//我必须在这里进行哪些更改？

 d3.json('api/recruit/fetch_recruitment_details/')
  .then(function(data){
    data.forEach(function(d){
      console.log(d);

    })
  })

// 错误

//标题错误

Answer 1

尝试： 您应该在集合授权中使用Bearer而不是Token，

  var headers = new HttpHeaders().set('Authorization', 'Bearer ' + localStorage.getItem('usertoken'));