Angular 7 - HttpInterceptor 未将 header 添加到请求

Question

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

下面是我的拦截器代码：

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

Answer 2

使用例如：

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

Angular 7 - HttpInterceptor 未将 header 添加到请求

Angular 7 - HttpInterceptor not adding header to request

http-headers

angular-http-interceptors

angular