Angular 7 - HttpInterceptor не добавляет заголовок к запросу

Question

Я пытаюсь добавить заголовок авторизации ко всем моим запросам и столкнулся с некоторыми проблемами.Несмотря на то, что я добавляю заголовки, они не используются, когда выполняется сетевой вызов.

Ниже приведен код моего перехватчика:

 const user: string = localStorage.getItem('user');
const token: string = localStorage.getItem('token');

const authReq = request.clone({
  headers: request.headers.set('Authorization', user + ',' + token)
});
return next.handle(authReq);

Я взял этот код из угловой документации,Я не уверен, что мне здесь не хватает.

Я также попробовал следующий код, но не повезло:

request = request.clone({
        setHeaders: {
          Authorization: `something`
        }
      });

Answer 1

@ Logan попробуйте это,

user не требуется вместе с token, если ваша реализация этого не требует.

const user: string = localStorage.getItem('user');
const token: string = localStorage.getItem('token');

const  clonedRequest = req.clone({
   headers: new HttpHeaders({
         Authorization: token,
         "Content-Type": "application/json"
       })
    });

return next.handle(clonedRequest);