Angular:如何在控制台中打印完整的 URL

Question

我在 Angular 4 上工作，如何在控制台中打印完整的 url，如 http://somthing/getHeros?hero=hero 。我的服务方法是

getHeros(hero: string): Observable<Hero[]>{
const url = "http/somthing/getHeros",
const params = new HttpParams.set("hero", hero);
console.log(this.httpClient.get<Hero[]>(url, {params: params}));
return this.httpClient.get<Hero[]>(url, {params: params})

我的上述控制台不打印 URL，而是打印响应。请帮我打印完整的网址。

Answer 1

如果您只想读取 URL 进行调试，可以使用浏览器开发工具的“网络”面板。

如果您想访问代码中的 URL，您可以编写一个 HTTP 拦截器(例如，参见 http-interceptor )。拦截器接收一个带有 url、params 和 urlWithParams 属性等的 HttpRequest 对象。