angular 中的 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);

    })
  })

//错误

//header错误

Answer 1

尝试：您应该在设置授权中使用 Bearer 而不是 Token，例如：

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

angular 中的 D3 授权

D3 Authorization in angular

d3.js

angular

angular5

angular6