如何使用本地存储变量内部的可观察HTTP调用[重复]

Question

我试图获取本地存储变量并将其发送到报头中的GET HTTP请求中，但当它到达API时，令牌为null。我记录了令牌，它显示得很好。我不确定我做错了什么。谢谢你的帮助。

getUserByToken(): Observable<User> {
	const userToken = localStorage.getItem('authToken');
  
	console.log(userToken);//displays just fine
  
	const httpHeaders = new HttpHeaders();
	httpHeaders.append('Authorization', 'Bearer ' + userToken);//Shows up null 
  
	console.log('Bearer ' + userToken);//logs just fine 
  
	httpHeaders.append('Content-Type', 'application/json'); 
    
	return this.http.get<User>(API_USERS_URL, { headers: httpHeaders });
}

Answer 1

append返回头的克隆。您需要将返回值设置为标头。

httpHeaders=httpHeaders.append..

顺便说一下。如果你打算在很多电话上这样做。将此代码移动到角截取器中。https://medium.com/@ryanchenkie_40935/角-身份验证-使用-超文本传输协议-客户端-超文本传输协议-截取器-2f9d1540eb8