Question

我在vehicle.service.ts中具有以下内容：

getVehicleById(id: number): Observable<Vehicle> {

const url = `${this.vehicleUrl}?vehicleId=${id}`;

console.log(`GET vehicle details url: ${url}`);

return this.http.get<Vehicle>(url).pipe(
    tap(_ => console.log(`getVehicleById(): fetched vehicle id = ${id}`)),
    catchError(this.handleError<Vehicle>(`vehicle id = ${id}`))
);
}

.tap（）中的控制台输出已写入。 .handleError（）未命中-这很好，因为它告诉我服务调用成功。

问题是我的组件HTML中未填充服务调用返回的JSON。我如何输出GET请求的结果，以便可以看到我实际上从服务中获得了什么。我将url的值粘贴到Postman中，并且得到了预期的结果，因此它必须在角度项目中有所作为。我只需要找出问题所在，然后从服务中验证数据似乎是一个不错的起点。

如何将GET请求的结果输出到console.log（）？

Answer 1

您需要在订阅中进行控制台登录，以记录从服务返回的JSON数据。

在调用服务的组件中，您应该具有类似以下内容。

this.vehicleService.getVehicleById(1).subscribe(data => console.log(data));

如何console.log响应的内容？

1 个答案: