拦截器中的角度http请求时间

2024-01-04

我正在制作一个拦截器来记录我的 http 请求。

到目前为止,一切都很好,一切都按预期进行。

我现在想要的是获取执行请求所需的时间。

我以为我可以做这样的事情

const start = Date.now();
return next
  .handle(req)
  .map(res => {
    console.log('took ' + (Date.now() - start) + 'ms');
    return res;
  })

}

但控制台显示 1 到 2 毫秒,而网络显示超过 50 毫秒...我认为我应该在创建请求时创建起始值,但我不知道如何。

有什么解决办法吗?

PS:我的 linting 配置禁止我使用console.time()


use performance.now()测量持续时间(以毫秒为单位)

var start = performance.now(); 

return next
  .handle(req)
  .map(res => {
    console.log('took ' + (performance.now() - start) + 'ms');
    return res;
  })

欲了解更多信息,请检查this https://developer.mozilla.org/en-US/docs/Web/API/Performance/now

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

拦截器中的角度http请求时间 的相关文章

  • 为什么我的淘汰单选按钮在另一个具有点击绑定的元素内时会失败?

    我有一个单选按钮列表 我想要点击 li 他们还检查单选按钮 这一切都有效 直到我放了一个name单选元素上的属性 然后我的代码停止工作 我的代码如下所示 ul li li ul li
  • 是否存在 IsCallable 为 false 但 IsConstructor 为 true 的 JS 对象?

    ECMAScript 规范函数可调用 https www ecma international org ecma 262 6 0 index html sec iscallable当且仅当其参数具有 Call 内部方法时返回 true 它在
  • Eslint errorring 导入没有扩展名的 jsx

    我正在尝试在 es6 中导入 jsx 文件而不需要 jsx 扩展名 import LoginErrorDialog from LoginErrorDialogView Not import LoginErrorDialog from Log
  • Chrome 中的性能问题

    我目前正在从事一个相对较大的项目 使用 AngularJs 构建 应用程序的一部分是一个表单 您可以向其中添加任意数量的页面 不幸的是 添加了很多不必要的垃圾 即表示表单模型的对象可能会变得非常大 在某些时候 Chrome 基本上无法处理它
  • 图像无法在带有 DOM 的 IE 中加载:控制台中的 7009 错误(无法解码)

    当在 IE 中的单个页面上加载许多图像时 在 IE11 中重现 其中一些图像开始加载失败 并在控制台中出现类似以下警告的内容 DOM7009 无法解码 URL 处的图像 某些唯一的 url 当我查看网络流量时 似乎确实从服务器收到了每个图像
  • 如何针对 Node.js 中发生的每个错误发送电子邮件?

    假设我的 node js 应用程序正在运行 如果出现错误 我的意思是所有错误 不仅仅是网络错误 如果出现错误 则很重要 我如何调用函数向我发送电子邮件 基本上 在我希望它写入 err out 之前 我希望向我发送一封电子邮件 我正在使用no
  • 可以在初始 DOM 解析期间/之前修改 DOM 吗?

    是否可以在初始 DOM 解析期间或之前修改 DOM 或者我是否必须等到 DOM 被解析和构建之后才能与其交互 更具体地说 是否有可能阻止 DOM 中的脚本元素使用用户脚本 内容脚本或 Chrome 或 Firefox 中的类似脚本运行 在解
  • 如何将函数附加到弹出窗口关闭事件(Twitter Bootstrap)

    我做了一些搜索 但我只能认为我可以将事件附加到导致其关闭的按钮 https stackoverflow com questions 13205103 attach event handler to button in twitter boo
  • 尝试将数据存储在点击器网站中

    我正在尝试存储一个名为的变量score无论何时刷新 您都会一次又一次地使用它 我不明白的是它的代码是什么 我尝试了一些方法 但似乎都不起作用 这是我的答题器网站 但是当我尝试使用 JavaScript 来存储它时 它不起作用window o
  • 使用 CSS 或 Javascript 填充动画

    我只是想知道是否可以使用 CSS 或 javascript 创建填充动画 基本上我想创建一个填充动画 如下图所示 http i40 tinypic com eit6ia png http i40 tinypic com eit6ia png
  • 将 UMD Javascript 模块导入浏览器

    你好 我正在对 RxJS 进行一些研究 我可以通过在浏览器中引用它来使用该库 如下所示 它使用全局对象命名空间变量 Rx 导入 我可以制作可观察的东西并做所有有趣的事情 当我将 src 更改为指向最新的 UMD 文件时 一切都会崩溃 如下所
  • 页面上使用 HTML Editor Extender 进行回发会导致 IE11 中出现 JavaScript 错误

    我已将 HTML 编辑器扩展程序添加到我正在处理的页面中 现在每当我在页面上发回帖子时 都会收到以下 Javascript 错误 JavaScript 运行时错误 参数无效 之后什么也没有发生 这在 IE10 或更低版本以及我所知道的所有其
  • Javascript 假值(null、未定义、false、空字符串:“”或 '' 和 0)和比较(==)运算符 [重复]

    这个问题在这里已经有答案了 当我使用任何一个值时 null undefined false 0 in a if陈述 它总是被评估为谬误 false 另外 这些值的否定 null undefined false 0 in a if语句总是被评
  • Three.js 各种大小的粒子

    我是 Three js 的新手 正在尝试找出添加 1000 个粒子的最佳方法 每个粒子都有不同的大小和颜色 每个粒子的纹理是通过绘制画布创建的 通过使用粒子系统 所有粒子都具有相同的颜色和大小 为每个粒子创建一个粒子系统是非常低效的 有没有
  • Vue 和 Vuex:处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个
  • Javascript - 水波纹效果

    我需要 JS 上的脚本 它将以 水波纹 样式更改 images html 抱歉 6MB GIF 文件 http fcuunited ru temp listening2 gif http fcunited ru temp listening
  • 带参数的事件监听器

    我想将参数传递给 JavaScript 中的事件侦听器 我已经找到了解决方案 但我无法理解它们为什么或如何工作以及为什么其他解决方案不起作用 我有 C C 背景 但是 Javascript 函数的执行有很大不同 您能否帮助我理解以下示例如何
  • 如何用另一个响应替换窗口的 URL 哈希?

    我正在尝试使用替换方法更改哈希 URL document location hash 但它不起作用 function var anchor document location hash this returns me a string va
  • 使用 MongoDB 和 Nodejs 插入和查询日期

    我需要一些帮助在 mongodb 和 nodejs 中按日期查找记录 我将日期添加到抓取脚本中的 json 对象 如下所示 jsonObj last updated new Date 该对象被插入到 mongodb 中 我可以看到如下 la
  • 如何使用 Angular CLI 在特定文件夹中生成组件?

    我将 Angular 4 与 Angular CLI 结合使用 并且可以使用以下命令创建一个新组件 E HiddenWords gt ng generate component plainsight 但我需要在 plainsight 中生成

随机推荐

  • 如何使用 dc.js 创建多线图表

    我正在使用维度图表 javascript 库 dc js 制作多折线图 该库基于 d3 和 crossfilter 我是 dc js 库的新手 我正在尝试使用 csv 文件显示多线图表 我无法理解如何按照 csv 格式创建多线图表 我的 c
  • 在交叉验证中对训练数据执行数据转换

    我想做 5 倍的交叉验证 在每个折叠中 我都有一个训练集和有效集 但是 由于数据问题 我需要转换我的数据 首先 我转换训练数据 训练模型 将转换规则应用于验证数据 然后测试模型 我需要为每个折叠重做转换 我该如何在 H2O 中做到这一点 我
  • 允许 numpy 类型溢出

    我试图在 Python 中获得 C 类型语言的 正常 溢出 下溢行为 令我惊讶的是 一个RuntimeWarning当我试图获得这种行为时会引发 例子 np uint8 255 np uint8 1 gt gt gt RuntimeWarn
  • ASP.NET 的垃圾邮件过滤器?

    我正在寻找一个可以集成到我的 ASP NET 应用程序中的垃圾邮件过滤器 我不需要任何委托服务 例如 Akismet 因为我正在为高流量网站执行此操作 有什么建议吗 编辑 我的意思是垃圾邮件过滤器 它是一个基于论坛的网站 编辑 感谢您的回答
  • Chrome 更新后 Android 9 WebView(还有 admob 广告)无法加载

    我们有一个严重依赖网络视图的应用程序 上周之后我们注意到 如果 Android 9 用户花费大约 10 到 30 时间加载 Web 视图 那么 Web 视图只会显示空白页面 并且加载进度会达到 10 Admob 原生广告也停止展示 唯一改变
  • 是否可以通过数据 URL 在 Android 上共享图像?

    是否可以使用这样的代码共享图像 Intent share new Intent Intent ACTION SEND share setData Uri parse data image png base64 iVBORw0KGgoAAAA
  • 如何在 JSF 页面中执行 Java Swing 代码

    大家好 我是 JSF 的新手 我已经创建了一个 java 文件 当用户按下 XHTML 页面上的按钮时我需要运行该文件 我该怎么做 对于像我这样的初学者来说 还有什么好的 JSF 教程吗 谢谢 JAVA代码是一段简单的代码 允许用户选择一个
  • 如何在 Laravel 5.4 中设置 cookie?

    我在 laravel 5 4 中有这个功能 但我无法从 cookie 中获取任何内容 Cookie queue currentLang heb 999999999 echo request gt cookie currentLang 但我得
  • 如何将rpm包安装到非默认路径? [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我有一个 rpm 包 我需要从中提取一些文件 该软件包不可重定位 我尝试过 rpm root prefix 但不起作用 我应该采取什么方法进行提取 预
  • 搜索结果和后退按钮/HTML 表单

    我正在寻找应用程序中基于表单的搜索结果反复出现的问题的解决方案 基本上 当用户使用 HTML 表单进行搜索并且我在下一页上显示数据库的结果时 效果非常好 但是 当用户单击结果集中的单个记录 然后单击浏览器上的 返回 时 浏览器会询问 Fir
  • 如何使用 Jekyll 向 MarkDown 添加多个类?

    我想在 Jekyll 驱动的网站中生成 HTML 表 该表的格式应为table and table stripped像这样的类 table class table table stripped 我该怎么做 类似问题 如何在 Jekyll 中
  • 如何在 React 中使用 FileReader?

    我试图让用户 选择文本文件 并将其显示在用户界面中 稍后 我将使用 txt 文件中的数据进行绘图 但是 我无法显示txt文件的内容 有几个可用的模块 但我不知道如何使其在 React 中工作 以下是我找到的例子 https stackove
  • 如何计算 jQuery 中函数花费的时间?

    我有 jQuery 函数 例如 A B 和 C 每个函数都会对不同的站点进行一些 Ajax 调用 我想计算运行每个函数需要多少时间 我猜以毫秒为单位 我只想在长循环和不同的现代浏览器 Safari Chrome IE10 Mozilla 中
  • 将html包含在另一个html文件中[重复]

    这个问题在这里已经有答案了 我有一个 html head 模板和一个导航模板 我想将它们包含在我网站的所有其他 html 文件中 我找到了这个帖子 在 HTML 文件中包含另一个 HTML 文件 https stackoverflow co
  • 有什么方法可以使用 matplotlib.pyplot 创建直方图而不绘制直方图?

    我正在使用 matplotlib pyplot 创建直方图 我实际上对这些直方图的图不感兴趣 但对频率和箱感兴趣 我知道我可以编写自己的代码来执行此操作 但更喜欢使用这个包 我知道我可以做到以下几点 import numpy as np i
  • 错误“与服务器的连接失败。”在 Cordova 和 jQuery 中

    我使用 Cordova 和 JQuery mobile 创建了一个 Android 应用程序 当我使用 google chrome 测试运行代码时它效果很好 但是当我尝试使用 android studio 在 android 模拟器上运行它
  • boost.spirit qi 中序列和列表运算符的属性?

    我想解析类似的东西 xxxx xxxx 被 eol 分成vector
  • 树数据结构中的节点总数?

    我有一个树数据结构 每个节点都有 L 层深度aboutN 个节点 我想计算出树中节点的总数 为此 我认为 我需要知道有子节点的节点的百分比 N 中叶节点与非叶节点之比的正确术语是什么 三者中节点总数的计算公式是什么 Update有人提到分支
  • Gallery 类型已被弃用

    imageView setLayoutParams new Gallery LayoutParams WindowManager LayoutParams MATCH PARENT WindowManager LayoutParams MA
  • 拦截器中的角度http请求时间

    我正在制作一个拦截器来记录我的 http 请求 到目前为止 一切都很好 一切都按预期进行 我现在想要的是获取执行请求所需的时间 我以为我可以做这样的事情 const start Date now return next handle req