首页 > 解决方案 > Axios 和 VueJS:如何获取不是文件上传的 API Post 请求的进度?

问题描述

我有一个带有按钮的 VueJS 应用程序,单击该按钮时,会向 API 端点发出客户端 POST 请求,该端点告诉服务器从数据库中复制一些数据。这不是文件上传或下载。

我正在使用 axios 在客户端上发出此请求。

我有一个微调器图标,它基本上会一直旋转,直到请求完成。

有没有办法我可以获得某种数值,以便我可以在某种进度条中使用它?

使用 axios,我知道我可以使用拦截器和类似的东西:

instance.interceptors.request.use(config => {
        // To Do: loading %...'
        return config
      })

但是,我不确定如何从服务器获取加载数据。

我的目标是用进度条替换微调器(可能使用Bootstrap 5 进度条

感谢您的任何建议或提示!

标签: vuejs2axios

解决方案


推荐阅读