无法在Angular Service方法调用中读取null的属性“length”？

Question

我正在修改一个现有的Angular项目（不是我的），向我的外部API添加一个新的调用。

这是服务方法:

getUserName(): Observable<any> {
    return this.http.get<any>(environment.apiUrl + URLS.USER_NAME)
}

我把它用在appcomponent.ts如下：

this.userService.getUserName().subscribe((name) => { 
  this.user = name
})

执行时出现以下错误：

node_modulesERROR TypeError：无法在node_modules读取null的属性“长度”。/map.js.MapOperator.call/@角/公共/费斯姆5/node_modules更新（_subscribe）在node_modules_esm5每个（）在_trySubscribe。/map.js:18/@角/公共/费斯姆5/node_modules（_esm5）在node_modules。/Observable.push./@角/公共/费斯姆5/_esm5每个（node_modules）在http.js:235。Observable.js.Observable.subscribe（_esm5）在Observable.push.。/Observable.js:24/rxjs/Array.for/内部/Observable.js.可观察。HttpHeaders.push.（Observable.js:43）在Observable.push.。/http.js.HttpHeaders.init/rxjs/http.js:170/内部/Observable.js.Observable.subscribe（Observable.js:29）在MapOperator.push.。/HttpHeaders.push./rxjs/http.js.HttpHeaders.for/内部/运算符/core.js:1673（HttpHeaders.push.）在http.js.HttpHeaders.apply。/http.js:235/rxjs/http.js:1435/内部/http.js:199（http.js:170）

这似乎是标头问题或某些订阅/可观察的错误，但我找不到错误所在。

• 我的代码有问题吗？
• 可能是现有的拦截器正在修改请求？

请注意，异常是在发出请求之前引发的，因此在创建该请求时一定是客户端问题。

编辑：

这是我找到的唯一拦截器：

@Injectable({
  providedIn: 'root'
})
export class TenantHttpInterceptor implements HttpInterceptor {

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    if (req.url.indexOf(environment.apiTFSmin) === -1) {
      let tenantReq = req.clone({ headers: req.headers.set('current', sessionStorage.getItem('current')) })
      if (sessionStorage.getItem('tenant') != null && sessionStorage.getItem('newTenant') == null) {
        tenantReq = tenantReq.clone({ headers: tenantReq.headers.append('Tenant', sessionStorage.getItem('tenant')) })
      } else if (sessionStorage.getItem('newTenant') != null) {
        tenantReq = tenantReq.clone({ headers: tenantReq.headers.append('Tenant', sessionStorage.getItem('newTenant')) })
        sessionStorage.removeItem('newTenant')
      }
      if (req.method === 'POST' || req.method === 'PUT') {
        tenantReq = tenantReq.clone({ headers: tenantReq.headers.append('Content-Type', 'application/json') })
      }
      return next.handle(tenantReq)
    } else {
      const tenantReq = req.clone({ headers: req.headers.set('Authorization', 'Bearer ' + btoa('pescanilla-ext:m12345678*')) })
      // const tenantReq = req.clone()
      return next.handle(tenantReq)
    }
  }
}

Answer 1

您没有检查“当前”标头是否实际存在于存储中。

let tenantReq = req.clone({ headers: req.headers.set('current', sessionStorage.getItem('current')) })

编辑：一旦您尝试发送带有空值标头的请求，Http客户端将抛出错误。尝试用静态值替换sessionStorage.get项目（'当前'）并对其进行测试。