瞥见没有捕获ajax调用

Question

我有一个ASP.NET MVC5单页Web应用程序,它使用angularjs对ASP.NET Web API 2应用程序进行ajax调用,所有这些都在Chrome开发人员工具Network选项卡中可见.但是,Glimpse不捕获ajax调用,既不在HUD中,也不在Ajax选项卡中.我已经添加application/json了web.config中的一瞥内容类型.我还在X-Requested-With我的angularjs ajax调用中添加了标题:

$httpProvider.defaults.headers.common = { 'X-Requested-With': 'XMLHttpRequest' };

然而,HUD一直显示0个ajax请求,而Ajax选项卡中没有任何内容.还有什么我应该做的吗？我该如何解决这个问题？

Answer 1

我知道这是一个老问题但是web config中的以下内容对我有用:

<glimpse defaultRuntimePolicy="On" endpointBaseUri="~/Glimpse.axd">
    <runtimePolicies>
      <statusCodes>
        <add statusCode="201" />
        <add statusCode="202" />
        <add statusCode="203" />
        <add statusCode="204" />
        <add statusCode="404" />
      </statusCodes>
    </runtimePolicies>
</glimpse>

此外,Glimpse通过X-Requested-With:XMLHttpRequest标头识别AJAX调用.默认情况下,AngularJS $ http调用不包含此标头,因此它们不会显示在Glimpse的AJAX面板中.我们可以更改$ httpProvider的默认值以始终添加此标头...

app.config(['$httpProvider', function ($httpProvider) {
    $httpProvider.defaults.headers.common = { 'X-Requested-With': 'XMLHttpRequest' };
}]);

资料来源:http://anthonychu.ca/post/getting-angularjs-http-and-web-api-to-work-with-glimpse (注意链接示例中的错误情况,请改用上面的内容)