结束本节之前,我们启用全局的`ng t`来查看并解决单元测试出现的错误: ![image-20210412133056179](https://img.kancloud.cn/21/46/2146ad8b2460859c3c2a60e636f0b12a_2034x150.png) 单元测试提示我们说由于我们前面的变更发生了一个异常:期望一个向`http://angular.api.codedemo.club/teacher/logout`发起的请求,但却收到了`http://angular.api.codedemo.club:81/teacher/logout`的请求。 这是由于我们修正注销的地址造成的,对应修正单元测试如下: ```typescript +++ b/first-app/src/app/nav/nav.component.spec.ts @@ -49,7 +49,7 @@ describe('NavComponent', () => { component.onSubmit(); // 断言onSubmit()方法被调用后,向http://angular.api.codedemo.club/teacher/logout地址发起了请求 - const req = httpTestingController.expectOne('http://angular.api.codedemo.club/teacher/logout'); + const req = httpTestingController.expectOne('http://angular.api.codedemo.club:81/teacher/logout'); // 断言上述请求的方法为GET expect(req.request.method).toEqual('GET'); ``` 修正后单元测试全部通过: ![image-20210412133917087](https://img.kancloud.cn/aa/dc/aadc5c1ef44613a6e338816078d89e83_1332x250.png) 同时控制台未见其它异常。