Angular 7 - HttpInterceptor 不向请求添加 header

Question

我正在尝试将 Authorization header 添加到我的所有请求中，但遇到了一些问题。即使我添加了 header ，进行网络调用时也不会使用 header 。

下面是我的拦截器代码:

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

我从 Angular 文档中获取了这段代码，我不确定我在这里遗漏了什么。

我也试过下面的代码，但没有成功:

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