Axios请求不能完全异步运行。 TTFB随着每个请求而增加？

Question

我在页面上有几个类似的Vue.js组件，每个组件都需要使用axios向我的服务器发送API请求。

请求看起来像这样：

echo %date%;%time:~0,8%;%username% >> D:\log\log.txt

生成的请求在Chrome开发工具中显示如下：

正如您所看到的，请求同时启动，但TTFB会随着每个请求而增加。

好像请求不是完全异步运行的。如果可能的话，我宁愿让请求不会以现在的方式相互阻挡。

你对这里发生的事情以及如何预防它有什么想法吗？

后端使用HTTP2在一个简单的Nginx服务器上运行，根据服务器日志，实际上之后收到请求（而不是在同一时间）。

非常感谢你的帮助。

谢谢！

Answer 1

我注意到vuejs项目上的axios也有不良影响。与其他浏览器请求（Chrome）同时，TTFB约为450毫秒。

我切换到fetch，TTFB现在在同一页面上降至约10毫秒。

IE11（2017年9月） /!\

/!\ fetch api尚未supported >

您的代码将是：

var vm = this fetch(`/api/stock/${this.sku}`) .then(result => { result.json().then(data => {vm.stockLevel = data}) }) .catch(err => { console.log(err) })