使用axios在Vuejs页面中的多个并发请求

时间:2018-01-23 00:01:25

标签: ajax laravel-5 vuejs2 vue-component axios

我使用Vuejs创建了一个小组件,该组件向传递的URL发出Ajax请求以确定其初始值。

当我有一些该组件的实例时,一切都很好。但如果我有超过5/6个实例,所有请求将永远等待,我需要重启Valet以便能够访问我的任何本地网站。

每个实例都指向同一域中的不同端点:

Instance1 => example.com/endpoint1

Instance2 => example.com/endpoint2

Instance3 => example.com/endpoint3

...

每个实例都不了解其他实例。他们根本不和他们沟通。

为什么会出现这个问题?是浏览器相关还是服务器相关?

(对于后端我使用在Valet上运行的Laravel 5.5)

1 个答案:

答案 0 :(得分:0)

我相信只有你能回答这个问题,在前端和后端都要做更多的记录。

解决方案是让父组件执行ajax调用,然后将结果传递给子组件。

通过这种方式,您可以限制并发请求的数量,并在需要时在请求之间添加超时。

您可以实现它并使用变量(同时请求的数量和批次之间的超时),直到它正在工作,但我建议您先了解问题的来源,我们没有足够的信息来帮助您