ajax - Glimpse 未捕获 ajax 调用

Question

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

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

但是 HUD 一直显示 0 个 ajax 请求，并且 Ajax 选项卡中没有任何内容。还有什么我应该做的吗？我该如何解决这个问题？

Answer 1

我知道这是一个老问题，但网络配置中的以下内容对我有用:

<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 header 识别 AJAX 调用。默认情况下，AngularJS $http 调用不包含此 header ，因此它们不会显示在 Glimpse 的 AJAX 面板中。我们可以更改 $httpProvider 的默认值以始终添加此 header ...

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
(注意链接示例中的不正确大小写，请改用上述内容)