是否可以通过 HttpInterceptors 添加 'observe': 'response' httpOption？

问题描述

初始情况

我希望我的 http 响应作为 HttpResponse 对象。 这样我就可以访问正文或 http 状态代码作为 httpResponse.body 或 httpResponse.status。 它的代码，正是我想要实现的：

  public async register(userSignUpData: unkNown): Promise<User> {
    const httpOptions = {
      observe: 'response' as 'response',headers: new HttpHeaders({
        'Content-Type': 'application/json','Accept': 'application/json'
      })
    };
    return this.httpClient.post<User>(environment.apiurl + 'user',userSignUpData,httpOptions)
      .toPromise().then(res => {
        return res.body as User;
      });
  }

问题

问题是，我必须将这个 httpOptions 对象添加到每个请求中。 于是想到了一个Http拦截器：

@Injectable()
export class HttpHeaderInterceptor implements HttpInterceptor {

    intercept(req: HttpRequest<any>,next: HttpHandler): Observable<HttpEvent<any>> {
        const httpOptions = {
            observe: 'response' as 'response',headers: new HttpHeaders({
                'Content-Type': 'application/json','Accept': 'application/json'
            })
        };
        const modifiedReq = req.clone(httpOptions);
        return next.handle(modifiedReq);
    }
}

但是从请求代码中删除 httpOptions 会导致错误： Property 'body' does not exist on type 'User'

// the new Request Code:
public async register(userSignUpData: unkNown): Promise<User> {
    return this.httpClient.post<User>(environment.apiurl + 'user',userSignUpData)
      .toPromise().then(res => {
        return res.body as User; // error Property 'body' does not exist on type 'User'
      });
  }

问题

那么有谁知道如何避免这个错误并在不向每个请求添加相同的 httpOptions 的情况下将 http 响应作为 HttpResponse 对象获取？？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）