在我的 api 服务中的每个 http 调用之前,我想检查我的本地存储以获取访问 token ,然后在获得它后进行调用。看起来像这样
read(endpoint,params?) {
var url: string = this.authService.apiUrl + endpoint,
headers: Headers = new Headers(),
queryString: URLSearchParams = new URLSearchParams();
this.sessionService.getToken()
.then((value) => {
queryString.set('access_token', value);
headers.append('Content-Type', 'application/json; charset=utf-8');
return this.http.get(url,{
headers: headers,
search: queryString
})
.map(res => res.json())
});
}
在我的组件中我会有类似的东西
getData() {
this.apiService.read('some endpoint')
.subscribe(
res => console.log(res),
error => this.logError(error)
)
}
这一直有效,直到我在检查本地存储后将 http 调用放入 .then 中。所以我认为它现在嵌套不正确。
处理这个问题的正确方法是什么?在此设置中,是否有更有效的方法从本地存储中获取我的 token ?注意:我正在使用 Ionic 2,它有自己的功能来检查返回 promise 的本地存储。
任何建议都会很棒。
谢谢。
最佳答案
您必须将 http observable 转换为 promise 或将 promise 转换为 observable。
Observable promise :
read(endpoint,params?) {
var url: string = this.authService.apiUrl + endpoint,
headers: Headers = new Headers(),
queryString: URLSearchParams = new URLSearchParams();
return this.sessionService.getToken() //return the outer promise
.then((value) => {
queryString.set('access_token', value);
headers.append('Content-Type', 'application/json; charset=utf-8');
return this.http.get(url,{
headers: headers,
search: queryString
})
.map(res => res.json()).toPromise() //use Observable.toPromise
});
}
调用使用
this.apiService.read('some endpoint').then((data)=>{}).catch(err=>{})
对 Observable 的 promise :
read(endpoint,params?) {
var url: string = this.authService.apiUrl + endpoint,
headers: Headers = new Headers(),
queryString: URLSearchParams = new URLSearchParams();
return Observable.fromPromise(this.sessionService.getToken())//convert to Promise and return chain.
.switchMap((value) => {//use Observable.switchMap to move to second observable
queryString.set('access_token', value);
headers.append('Content-Type', 'application/json; charset=utf-8');
return this.http.get(url,{
headers: headers,
search: queryString
})
.map(res => res.json())
});
}
从 RXJS 5.5 开始:
对 Observable 的 promise :
read(endpoint,params?) {
var url: string = this.authService.apiUrl + endpoint,
headers: Headers = new Headers(),
queryString: URLSearchParams = new URLSearchParams();
return fromPromise(this.sessionService.getToken())//import {fromPromise } from "rxjs/observables/fromPromise";
.pipe(
switchMap((value) => {//import {switchMap} from 'rxjs/operators/switchMap';
queryString.set('access_token', value);
headers.append('Content-Type', 'application/json; charset=utf-8');
return this.http.get(url,{
headers: headers,
search: queryString
})
});
);
}
关于javascript - Angular 2 - 从 promise 中返回 HTTP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42788149/