代码之家 › 专栏 › 技术社区 › Aviad P.

httpclient post未在resolve guard内完成,除非通过'take(1)'`

angular6 angular-httpclient angular-routing angular

Aviad P. · 技术社区 · 6 年前

我有一个带路由和解析保护的角度应用程序。解析保护是异步的,并返回从 HttpClient.post -问题是,Ajax请求完成了,但是Observable没有完成,因此解析器永远不会完成它的工作,页面也永远不会显示出来。但是当我把结果通过管道 take(1) 它确实完成了,而且工作得很好。我的问题是为什么?不是 httpclient.post网站 应该在Ajax请求返回OK之后完成( 200 OK )?

这是我的解析器代码:

@Injectable()
export class MyDataResolver implements Resolve<MyData> {
resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot)
    : MyData | Observable<MyData> | Promise<MyData> {
    return this.svc.getData().pipe(take(1)); // <-- Why is take(1) necessary here??
}

constructor(private svc: MyService) { }

}

下面是调用的服务方法 post :

import { HttpClient } from '@angular/common/http';

export class MyService {
  constructor(private http: HttpClient) {}

  getData(): Observable<MyData> {
    return this.http.post('/api/data'), {}).pipe(
      map((resp: { data: SomeData }) => resp.data),
      map(r => convertSomeDataToMyData(r)));
  }
}

谢谢

1 回复 | 直到 6 年前

Aviad P. 6 年前

因为我找到了答案,所以我不得不自己回答问题。这个问题源于我使用的拦截器,它是图片中隐藏的变量。

我的应用程序使用 ngrx 用于Redux商店管理。我的拦截器点击存储获取授权令牌。

这是我的拦截器代码:

@Injectable()
export class TokenInterceptor implements HttpInterceptor {
  constructor(private store: Store<fromStore.State>,
    private route: Router) { }

  intercept(request: HttpRequest<any>, next: HttpHandler):
    Observable<HttpSentEvent
    | HttpHeaderResponse
    | HttpProgressEvent
    | HttpResponse<any>
    | HttpUserEvent<any>> {
    const rc = this.store.select(x => x.main.token).pipe(
      take(1), // <--- This is where the take(1) was needed
      switchMap(r => {
        const req2 = request.clone({
          setHeaders: {
            Authorization: `Bearer ${r}`
          }
        });
        return next.handle(req2);
      }));
      return rc;
  }
}

如你所见,没有这个 take(1) 在那里,拦截器修改的请求实际上从未完成,因为存储订阅从未完成。

希望这个不起眼的案子能帮上忙:)

推荐文章

j-p · 角度5,使用子模块中的组件

6 年前

Felipe Micali · 输入父管线角度5时导航到上次访问的子管线

6 年前

Matt Eland · 角度2+-我可以发出一个指令来使用路由器导航吗?

6 年前

Burst of Ice · 未找到直接浏览时的角度布线

6 年前

Wai Yan Hein · 子模块的角度5布线不工作

6 年前

Plochie · SVG模式在Safari中不起作用

6 年前

Sathya V · 路线导航时角度组件属性未重置

6 年前

Mujahid · 角度路由器中的Scrollspy效应

6 年前

Musical Coder · URL更改不以角度触发

6 年前

JSON · 如何将子组件设置为路由器出口的默认路由?[副本]

6 年前