Могу ли я использовать обещание в HttpInterceptor
? Например:
export class AuthInterceptor implements HttpInterceptor{
this.someService.someFunction()
.then((data)=>{
//do something with data and then
return next.handle(req);
});
}
зачем мне это? потому что мне нужно получить токен для добавления в заголовок запроса перед отправкой запроса на сервер.
Мой перехватчик:
@Injectable()
export class AuthInterceptor implements HttpInterceptor{
constructor(private authService: AuthService){}
intercept(req: HttpRequest<any>, next: HttpHandler) : Observable<HttpEvent<any>>{
console.log('Intercepted!');
// return next.handle(req);
this.authService.getToken()
.then((token)=>{
console.log(token);
const reqClone = req.clone({
headers: req.headers
.set('Authorization', 'Bearer ' + token)
.append('Content-Type', 'application/json')
});
console.log(reqClone);
return next.handle(reqClone);
})
.catch((err)=>{
console.log('error in interceptor' + err);
return null;
});
}
}
Запрос:
this.http.post(this.baseURL + 'hero', data)
.subscribe(
(res: any) => {
console.log('Saved Successfully.');
console.log(res);
},
(err: any) => {
console.log('Save Error.' + err);
}
);
Проблемы, с которыми я сталкиваюсь:
→ Я получаю эту ошибку до того, как обещание будет разрешено.
You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.
Обещание восстанавливается, и я получаю свой токен, но после ошибки.