vue用axios发送多次请求

业务场景:有5个按钮,对应5个请求,点击发送请求会把数据展示到一个div中,由于数据接口很慢,所以数据更新很慢。 然后我就随意点击了其中3个按钮,然后过了2秒后,发送的3次请求的数据按顺序展示到了div中,但是此时我只是需要最后一次请求的数据。
个人分析:请求数据后,接口都返回了数据,由于请求时间较长,所以每个请求成功的数据都会更新页面数据,然后展示出请求的数据。

如何才能只让最后一次请求的数据刷新页面,展示到div中

阅读 5.3k
2 个回答

需要在每次请求时把之前的请求cancel掉。
axios取消请求的方法是使用CancelToken,具体用法请参考axios文档

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题