Angular 7 - HttpInterceptor not adding header to request

Question

I am trying to add Authorization header to all my requests and am facing some issues. Even though I am adding the headers, the headers are not being used when network call is made.

Below is my interceptors code:

 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);

I have taken this code from angular documentation, I am not sure what I am missing here.

I've tried the following code as well, but no luck:

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

change .set() to .append() it should work

CruelEngine
– CruelEngine

2019-02-22 05:30:25 +00:00
Commented Feb 22, 2019 at 5:30 — CruelEngine
– CruelEngine, Commented Feb 22, 2019 at 5:30

Ganesh · Accepted Answer · 2019-02-22 06:00:53Z

3

@Logan give a try to this ,

user is not required along with your token unless your implementation requires it.

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);

answered Feb 22, 2019 at 6:00

Ganesh

6,0663 gold badges26 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ganesh Over a year ago

glad to help you.. :)

RobC · Accepted Answer · 2019-09-18 12:43:20Z

1

Use for example:

let headers = new HttpHeaders({
    'Authorization': `Bearer ${token}`,
    'another', 'somedata'
});

edited Sep 18, 2019 at 12:43

RobC

25.3k21 gold badges87 silver badges88 bronze badges

answered Sep 18, 2019 at 12:23

Sylwester Madej

234 bronze badges

Collectives™ on Stack Overflow

Angular 7 - HttpInterceptor not adding header to request

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related