관찰 가능하고 API 호출을 처리하고 요청으로 인증 토큰을 래핑하기 위해 일반적인 angular2 서비스를 구현하는 것이 처음입니다. 이를 위해 Angular2 정의되지 않은 'Symbol (Symbol.iterator)'속성을 읽을 수 없습니다.
는 내가 조금 그것을 변경 401 오류를 처리하기 위해 지금https://gist.github.com/chandermani/9166abe6e6608a31f471을 사용하고 있습니다.
private _request(method: RequestMethod, url: string, body?: any, options?: RequestOptionsArgs): Rx.Observable<Response> {
let requestOptions = new RequestOptions(Object.assign({
method: method,
url: url,
body: body
}, options));
if (!requestOptions.headers) {
requestOptions.headers = new Headers();
}
requestOptions.headers.set('Authorization', this._buildAuthHeader());
return Rx.Observable.create((observer) => {
this.process.next(Action.QueryStart);
this._http.request(new Request(requestOptions))
.map(res => res.json())
.finally(() => {
this.process.next(Action.QueryStop);
}).catch((error) => {
if (error.status === 401) {
this.renewToken().subscribe((res) => { }, (err) => { },() => {
requestOptions.headers.set('Authorization', this._buildAuthHeader());
this._http.request(new Request(requestOptions))
.map(res => res.json())
.subscribe(
(res) => {
observer.next(res);
observer.complete();
},
(err) => {
},
() => {
});
});
} else {
observer.next();
observer.complete();
return Rx.Observable.timer(1);
}
})
.subscribe(
(res) => {
observer.next(res);
observer.complete();
},
(err) => {
switch (err.status) {
case 401:
// intercept 401
this.authFailed.next(err);
observer.error(err);
break;
default:
observer.error(err);
break;
}
});
});
}
예상대로 작동합니다. 401에서 토큰을 새로 고친 다음 API 호출을 실행하고 API에서 결과를 반환합니다. 하지만 콘솔에서 오류가 발생합니다.
Cannot read property 'Symbol(Symbol.iterator)' of undefined
TypeError: Cannot read property 'Symbol(Symbol.iterator)' of undefined
at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/js/vendor.js:48:1), <anonymous>:45:27)
at CatchSubscriber.error (eval at <anonymous> (http://localhost:8080/js/vendor.js:1921:1), <anonymous>:60:33)
at FinallySubscriber.Subscriber._error (eval at <anonymous> (http://localhost:8080/js/vendor.js:20:1), <anonymous>:128:26)
at FinallySubscriber.Subscriber.error (eval at <anonymous> (http://localhost:8080/js/vendor.js:20:1), <anonymous>:102:18)
at MapSubscriber.Subscriber._error (eval at <anonymous> (http://localhost:8080/js/vendor.js:20:1), <anonymous>:128:26)
at MapSubscriber.Subscriber.error (eval at <anonymous> (http://localhost:8080/js/vendor.js:20:1), <anonymous>:102:18)
at XMLHttpRequest.onLoad (eval at <anonymous> (http://localhost:8080/js/vendor.js:1634:1), <anonymous>:88:34)
at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:8080/js/polyfills.js:759:1), <anonymous>:236:37)
at Object.NgZoneImpl.inner.inner.fork.onInvokeTask (eval at <anonymous> (http://localhost:8080/js/vendor.js:2622:1), <anonymous>:35:37)
at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:8080/js/polyfills.js:759:1), <anonymous>:235:42)
at Zone.runTask (eval at <anonymous> (http://localhost:8080/js/polyfills.js:759:1), <anonymous>:136:47)
at XMLHttpRequest.ZoneTask.invoke (eval at <anonymous> (http://localhost:8080/js/polyfills.js:759:1), <anonymous>:304:33)
문제를 추적하거나 추적하는 방법을 알려주십시오.