vuejs2 - Axios 和 VueJS:如何获取不是文件上传的 API Post 请求的进度?
问题描述
我有一个带有按钮的 VueJS 应用程序,单击该按钮时,会向 API 端点发出客户端 POST 请求,该端点告诉服务器从数据库中复制一些数据。这不是文件上传或下载。
我正在使用 axios 在客户端上发出此请求。
我有一个微调器图标,它基本上会一直旋转,直到请求完成。
有没有办法我可以获得某种数值,以便我可以在某种进度条中使用它?
使用 axios,我知道我可以使用拦截器和类似的东西:
instance.interceptors.request.use(config => {
// To Do: loading %...'
return config
})
但是,我不确定如何从服务器获取加载数据。
我的目标是用进度条替换微调器(可能使用Bootstrap 5 进度条)
感谢您的任何建议或提示!
解决方案
推荐阅读
- python - Pandas:如何从数据框中现有列中的值创建新列?
- swiftui - SwiftUI:如何在 ListView 中使用绑定变量
- python - 如何将“搜索栏”链接到搜索视图 Django
- git - 如何重用已推送到远程的标签以用于稍后合并的代码
- php - nginx - php connect() unix socket 失败
- html - 如何使用两个指向同一元素的链接,一个作为主链接,另一个作为 HTML 中的故障保护?
- blazor - 在 Blazor 中为 SelectPDF 添加文件流(服务器端)
- python - 使用 Python 将 DICOM 标记转换为 Excel 时出错
- java - 将一个数组中的数据传输到两个数组的方法?
- mysql - 游标选择的 MySQL 存储过程语法错误