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

Try: Вы должны использовать Bearer вместо Token в наборе Authorization, например:

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