Question

我在angular 4上工作，如何在控制台中打印像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以进行调试，可以使用＆＃34; Network＆＃34;浏览器开发工具面板。

如果要访问代码中的URL，可以编写HTTP拦截器（例如，参见http-interceptor）。拦截器会收到HttpRequest个url，params和urlWithParams属性等对象。

Answer 2

正如你所说，英雄是字符串，你可以直接创建像<a href="#__spooky_auth_popup">Open Modal</a> <div id="__spooky_auth_popup" class="modalDialog"> <div id="__spookyPopup"> <a href="#close" title="Close" class="close">X</a> <div class="media_layer"> <div class="social"> <p style="margin:0;padding:0;text-align:center; font-size:25px;color:#000;line-height:50px;">SOCIAL</p> </div> <div class="manual"> <p style="margin:0;padding:0;text-align:center; font-size:25px;color:#000;line-height:50px;">MANUAL</p> </div> </div> <div id="showdiv1"></div> <div id="showdiv2"></div> <div class="media_layer"> <a href="#showdiv1" class="clicker social" tabindex="1">SOCIAL</a> <a href="#hidediv1" class="clicker hidden" tabindex="1">Click me 1</a> <a href="#showdiv2" class="clicker manual" tabindex="2">MANUAL</a> <a href="#hidediv2" class="clicker hidden" tabindex="2">Click me 2</a> <div class="hiddendiv nr1"></div> <div class="hiddendiv nr2"></div> </div>这样的网址。然后将其传递给 get（）方法，它将返回您的响应。

const url = "http/somthing/getHeros/"+hero;

Answer 3

打开Chrome检查器。单击网络选项卡。单击XHR。如果您提出了XHR请求，该请求将显示在“网络”标签上，其中包含整个请求标头，正文等。

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

3 个答案: