Angular TypeScript — как вставить строку в строку Var

Мой код выглядит так;

intercept(
    request: HttpRequest<any>,
    next: HttpHandler
  ): Observable<HttpEvent<any>> {
    let token = localStorage.getItem('token'); 
    let newRequest: HttpRequest<any>;
    newRequest = request.clone({
      headers: request.headers.set('Authorization', 'Bearer ' + token),
    });
    console.log(newRequest)
    return next.handle(newRequest);
  }

И мои заголовки, которые отправляются на серверную часть, выглядят так:

key
: 
"authorization"
value
: 
['Bearer "eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLz…eiAQgeeiwwfbJ_gzDb2mI5FPx8WOLWcJaku9cGgcrdORIP6A"']

Я хочу отправить свои заголовки как;

key
: 
"authorization"
value
: 
['Bearer eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLz…eiAQgeeiwwfbJ_gzDb2mI5FPx8WOLWcJaku9cGgcrdORIP6A']

Я знаю, что мне нужно втолкнуть Bearer в токен, но как;

headers: request.headers.set('Authorization', 'Bearer ' + token),

Я хочу знать, что является истинным фрагментом кода для этого?

Шаблоны Angular PrimeNg
Шаблоны Angular PrimeNg
Как привнести проверку типов в наши шаблоны Angular, использующие компоненты библиотеки PrimeNg, и настроить их отображение с помощью встроенной...
Promise и Observables в Angular
Promise и Observables в Angular
Здесь мы рассмотрим основные различия между обещаниями и наблюдаемыми таблицами на примере.
Как использовать d3.js для рисования 2D SVG-элементов в приложении Angular?
Как использовать d3.js для рисования 2D SVG-элементов в приложении Angular?
D3.js - это обширная библиотека, используемая для привязки произвольных данных к объектной модели документа (DOM). Мы разберем основные варианты...
Разработка Drupal и AngularJS: Идеальное сочетание для вашей веб-стратегии
Разработка Drupal и AngularJS: Идеальное сочетание для вашей веб-стратегии
Один опытный веб-разработчик назвал комбинацию Drupal и AngularJS "сочетанием, созданным на небесах". Почему так? Потому что вместе они могут создать...
Создание многостраничной формы заявления о приеме на работу с помощью Angular
Создание многостраничной формы заявления о приеме на работу с помощью Angular
Наличие на корпоративном сайте форм заявлений о приеме на работу, или "трудовых анкет", экономит время и деньги как для соискателей, так и для...
Добавление поддержки полноэкранного режима в Ng-Zorro
Добавление поддержки полноэкранного режима в Ng-Zorro
В эти дни я работаю над проектом и выбрал ng-zorro в качестве библиотеки компонентов для этой задачи.
1
0
52
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

TLDR; JSON.parse(localStorage.getItem('token'));

Вы получаете строку, хранящуюся в локальном хранилище, строка преобразуется в json и сохраняется как строка (JSON.stringify) в локальном хранилище. Когда вы читаете строку json, вам нужно снова проанализировать строку json, чтобы вернуть исходную строку.

О, конечно, я был так близок к тому, чтобы сойти с ума. Спасибо!!

Fateehs 19.11.2022 11:42

Другие вопросы по теме