angular - HttpClient 无法解析空响应

Question

我有一个在 header 中添加标记的拦截器。但是，如果我在 POST 请求后使用它，则不会触发订阅中的观察者。

拦截器:

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
this.authService = this.inj.get(AuthService);
if (!this.authService.isLoggedIn()) {
  return next.handle(req);
}

const changedReq = req.clone({headers: req.headers.set('Authorization', `Bearer ${this.authService.getToken()}`)});
return next.handle(changedReq);
}

服务:

saveBeer(beerForm: BeerForm): Observable<Response> {
let body = JSON.stringify(beerForm);
let headers = new HttpHeaders({
  'Content-Type': 'application/json'
});

return this.http.post(this.apiUrl, body, {headers: headers});
}

组件:

onSubmitCreateBeer(): void {
this.beerService.saveBeer(this.beerForm)
  .takeUntil(this.ngUnsubscribe)
  .subscribe(
    (response: Response) => {
      // On response
      this.router.navigate(['/beers']);
    }, error => {
      // On error
    }, () => {
      // On complete
    });
}

我的问题是永远不会触发响应，所以我的导航步骤不起作用。如果我禁用拦截器，一切正常。

有什么想法吗？

Answer 1

我成功了。问题是我的观察者在响应中期待 json。但是，在我得到 200 OK 之后，响应中没有任何内容。那是一个错误，所以错误函数被调用了。

解决方案一是设置responseType: text。

saveBeer(beerForm: BeerForm): Observable<any> {
let body = JSON.stringify(beerForm);
let headers = new HttpHeaders({
  'Content-Type': 'application/json'
});

return this.http.post(this.apiUrl, body, {headers: headers, responseType: 'text'});
}

方案二是后台返回204。

目前两者都可以正常工作。有一个错误报告:

https://github.com/angular/angular/issues/18680