I am using the angular 4.3 interceptor method. https://medium.com/@danielcrisp/async-http-interceptors-with-angular-4-3-9e6e795da562.
Here is how everything takes place. The user logs in, the password and username are passed to the auth service where I then can get a token. I then set that token to ionic’s local storage. I pass that value to getting the value in a function inside the auth service. I then call that get token function inside my interceptor. I then convert that storage promise to an observable and wrap it around what my interceptor returns.
There’s a couple things I’ve done to sort of mitigate the issue.
- The issue is not stemmed from my interceptor - because I have removed the local storage functionality out entirely and replaced with a random number generator promise, which worked fine.
- If I place this.storage.get(‘token’, 1) inside my interceptor constructor, I’m still getting the same result of ‘null’.
- If I place the get token storage promise outside of the interceptor I’m able to retrieve that token.
My guess is that it has something to do with the combination of the two - interceptor and local storage.
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return this.auth.getTokens().switchMap(tokenv => {
console.log(tokenv,'this is tokenv')
const authReq = req.clone({
setHeaders: {
Authorization: tokenv.toString()
}
});
return next.handle(authReq)
})
}
-- auth.ts
getTokens() :Observable<any>{
return Observable.fromPromise(this.storage.get('token'));
}