Angular Бесконечная загрузка HttpClient с помощью установленного носителя заголовка

Question

У меня есть этот код для получения данных из API

return this.httpClient.get<any>(requestUrl, {
      headers: new HttpHeaders({
        "Content-Type": "application/json",
        "Authorization": "Bearer " + this.cookieService.get('auth-token'),
      }),
    });

, когда я подписываюсь на него вот так

return this.api.loadAll('cuser').subscribe(
  result => {
    console.log(result);

  },
);

Он не возвращает мне никаких данных и просто загружаю

, но когда я удаляю заголовки и снова вызываю его, он показывает мне данные.

return this.httpClient.get<any>(requestUrl, {
  // headers: new HttpHeaders({
  //   "Content-Type": "application/json",
  //   "Authorization": "Bearer " + this.cookieService.get('auth-token'),
  // }),
});

Но мне нужны авторизация и токен для получения текущих пользовательских данных из Django back-end.

Так что же делает мой код неправильным?

Ниже приведен пример Postman, который без проблем возвращает правильные данные

var myHeaders = new Headers();
myHeaders.append("Authorization", "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNTkyNTUxMTE3LCJqdGkiOiIxMGJlZWExMDQ0MmE0NmUyOGVmM2E5NTBjY2NiNTRmOSIsInVzZXJfaWQiOjF9.5XOhaXANSk4CGbh7pHqE99Qh_yxj6YuewZHFC1UScIs");

var requestOptions = {
  method: 'GET',
  headers: myHeaders,
  redirect: 'follow'
};

fetch("http://localhost:8000/api/cuser", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Нет ошибок только в сети, отображается статус ожидания Внутренний журнал при запросе

Answer 1

Я понял, на самом деле проблема с серверной частью и HTTP 301 ответом. Запрошенный API должен заканчиваться sla sh. Поэтому я добавил sla sh в конце запрошенного URL-адреса, и проблема была исправлена.

REF { ссылка }

Успешный запрос после добавления sla sh

Неудачный запрос без sla sh в конце запроса