Axios onDownloadProgress (on get方法)只被调用一次，回调中的setTimeout永远不会被调用
Axios是一种流行的基于Promise的HTTP客户端工具，用于在浏览器和Node.js中发送异步HTTP请求。它支持各种功能，包括拦截请求和响应、转换请求和响应数据、取消请求、设置请求头等。
关于Axios中的onDownloadProgress，它是一个回调函数，用于在接收响应数据时更新下载进度。它会在下载过程中多次被调用，以便我们可以实时更新下载进度。
根据问题描述，Axios的onDownloadProgress在使用GET方法时只被调用一次，并且其中的setTimeout永远不会被调用。这可能是由以下几个原因引起的：
- 服务器响应的Content-Length未正确设置：在HTTP响应中，Content-Length表示要下载的文件大小。如果服务器未正确设置Content-Length，Axios可能无法正确跟踪下载进度，并且
onDownloadProgress只会被调用一次。解决方法是确保服务器正确设置Content-Length。 - 服务器未分块传输数据：在某些情况下，服务器可能会将整个文件作为一个响应返回，而不是分块传输。在这种情况下，Axios可能只会调用一次
onDownloadProgress，因为它只接收到一次响应数据。解决方法是检查服务器是否支持分块传输，并在需要时进行设置。 - 响应数据未正确处理：
onDownloadProgress回调函数中的setTimeout可能永远不会被调用是因为响应数据未正确处理。在onDownloadProgress中，我们通常会使用response.data来获取响应的数据。确保你正确处理了这个数据，并且没有导致setTimeout无法被调用的问题。
总结来说，如果Axios的onDownloadProgress只被调用一次，并且其中的setTimeout永远不会被调用，你应该检查服务器设置、分块传输以及响应数据的处理，以确保问题没有出现在这些方面。
相关·内容
如何在react js中设置30秒后第一次0秒的时间间隔？
//this is my state
const [state, setState] = useState();
useEffect(() => {
const interval = setInterval(() => {
APiResponse();
}, 30000);
return () => clearInterval(interval);
}, []);
const APiResponse = () => {
axios.get(`xxx`).then((r
浏览 1提问于2021-10-10得票数 0
在axios中对json数据使用onUploadProgress和onDownloadProgress有什么缺点？因为我经常看到人们用它来上传文件..
它是否仅用于文件下载或上传目的？onUploadProgress an onDownloadProgress还有哪些其他用例？
浏览 0提问于2020-01-23得票数 2
我尝试使用一个异步的ruipgil/scraperjs函数来创建一个刮板。但是当我把它放进一个循环里，它被卡住了，不能工作。我对Node和异步编程的概念很陌生，所以请容忍我。
所以，我有个密码：
let scraperjs = require('scraperjs');
// scraper function
function scrape(pageURI, callback) {
console.log('checkpoint 2'); // checkpoint
scraperjs.StaticScraper.create(pageURI)
浏览 3提问于2017-10-28得票数 1
回答已采纳
1回答
给定代码片段，即使我在其中使用了setTimeout，代码片段也不会停止。
var myObj = {
myFunc: function () {
var self = this;
var timer = setTimeout(function () {
console.log('Timeout called');
self.myFunc();
}, 100);
}
};
myObj.myFunc();
myObj = null;
浏览 1提问于2018-05-12得票数 0
考虑到这一点：
function some_function(){
axios.get(...)
.then(x=>{//handle})
.catch(e=>{//handle})
.then(()=>{
setTimeout(()=>{
some_function();
},5000);
}
我不介意取消，我只是关心这会不会把事情搞砸。
浏览 2提问于2022-09-27得票数 -2
我试图找出为什么这个函数只运行一次，但似乎没有一个解决方案适用(例如，将变量声明为与函数相同的名称)。下面的函数“滚动()”以所需的速度滚动我的页面，以协调正在播放的音频读取。它工作很好，但只工作一次而不进行页面刷新。
我哪里出问题了？
function scroll() {
var element = document.getElementById("scrolldiv");
var scrollingheight = element.scrollHeight - window.innerHeight;
var thirdscreen = (window.inne
浏览 1提问于2015-05-21得票数 0
回答已采纳
所以我的两个函数驻留在它们自己的文件中，这个应用程序由四个函数组成，它们都是异步等待的，首先它获取信息，然后安装，然后压缩信息，最后使用axios发布。从server.js确实执行了每个操作，但是在我的axios函数中的await zipFunction()下没有运行任何东西，甚至console.log()也没有运行。请帮帮忙 代码AXIOS文件 const axios = require("axios");
const fs = require('fs');
const path = require('path')
const { path
浏览 18提问于2021-04-22得票数 0
回答已采纳
1回答
var bar = Observable.create(function(observer){
try{
console.log('hello');
observer.next(22);
throw new Error('bad bad bad');
setTimeout(function(){
observer.next(300);
observer.complete();
浏览 5提问于2017-06-27得票数 0
1回答
第一次尝试TCP，并制作了一个程序，返回由客户端发送的数字的平方。
当客户每次空闲“n”秒时，如何询问客户端的号码？
我尝试了setTimeout方法，但是它在这些'n‘秒过去之后触发，然后它不会再次被触发。
客户端：
const net = require('net');
const readline = require('readline').createInterface({
input: process.stdin,
output: process.stdout
});
const options = {
port :
浏览 0提问于2019-07-08得票数 0
回答已采纳
2回答
我有以下测试异步函数的设置。
首先，我的文件夹结构：
src/
├── App.vue
├── api
│ ├── __mocks__
│ │ └── api.js
│ └── api.js
├── components
│ ├── ...
├── main.js
└── store
├── __tests__
│ └── actions.spec.js
├── actions.js
├── getters.js
├── index.js
├── mutation-types.js
└── mutations.js
浏览 3提问于2017-10-29得票数 1
这是我写的代码，当我执行代码时，终端没有输出任何东西，程序被阻塞
var util=require('util')
var exec=require('child_process').exec;
exec('iostat 5',function(err,stdout,stderr){
util.puts("hello")
util.puts(stdout)
})
如果我像这样更改exec命令:它将工作并输出文件列表
var util=require('util')
var exec=require(
浏览 2提问于2012-04-08得票数 1
回答已采纳
假设我有这段代码，我在一个包中编写了一个名为handleSmell()的函数，其他人可以使用这个包：
const streamSomeUrl = (url='https://salmon.net/river') => {
console.info('...connecting...');
const { data, headers } = await axios({
url,
method: 'GET',
responseType: 'stream',
});
return new
浏览 1提问于2022-01-08得票数 0
我是Javascript的新手，我正在尝试以下代码
var output = document.getElementById('output');
console.dir(output);
console.log(output.baseURI);
console.log(output.clientWidth);
console.log(output.outerHTML);
setTimeout(() => { output.innerText = "Thank You"; }, 3000);
setTimeout(() => { output
浏览 1提问于2020-05-08得票数 0
回答已采纳
1回答
我目前正在用html5、css和javascript制作一个游戏，它可以正常工作，但是当我在我的有线xbox360控制器上按下一个按钮时，它会触发我在不到一秒钟内设置了将近50次的回调！
如何使用JavaScript中的Gamepad API使回调每秒只触发一次？
我试过使用像这样的冷却计时器
var pressCool = false;
if(buttonPressed(xbox.stick2)){
if(!pressCool){
var e = jQuery.Event("keydown");
e.keyCode = keys.cu
浏览 5提问于2015-09-22得票数 0
回答已采纳
我正在编写一个基于net模块(家庭作业)的小型动态超文本传输协议服务器，如果服务器用户在两秒钟后没有调用response.end()，它会发送408响应。
无论我尝试什么，函数都不会被调用。下面是另一段代码，它演示了我在程序中尝试做的事情：
var NET = require("net");
var server = NET.createServer(function(socket){
console.log("In connectionHandler");
socket.on('data',function(data) {
浏览 0提问于2013-01-13得票数 3
回答已采纳
我有点不明白setTimeOut是如何工作的:为什么回调函数在调用它时没有得到它所需的值，而是从脚本的底部得到它们？
我以为它印的是5而不是7..
我错过了什么？
任何帮助都是感激的，谢谢！
let foo = () => {
console.log(x);
};
let x = 5;
setTimeout(foo, 0); //7
for (let i = 0; i < 10000000000; i++) {} //just to waste some time because the timeOut is actually 4ms
x = 7;
浏览 1提问于2021-11-24得票数 3
回答已采纳
1回答
function startAJAXcalls()
{
setTimeout(function(){
getXMLData();
startAJAXcalls();
},
10000
);
}
startAJAXcalls();
我从Head First JQuery的书中删除了这段代码。它说，这将保证请求不会增加，我同意这是正确的，但我担心大量的函数调用是不允许退出的。是否因为通过startAJAXcalls()异步调用startAJAXcalls()而在自己的堆栈中调用setTimeout()？
浏览 5提问于2014-07-03得票数 0
回答已采纳
以下代码的目标是从命令行上指定的三个站点获取网页，并按照命令行上指定的顺序显示它们。我的第一个解决方案(如下图所示)是使用while循环等待三个异步任务的完成，但while循环始终循环。我了解到正确的解决方案是检测每个异步任务中变量"count“是否达到3(也显示在下面，但注释掉)，而不是在异步任务之外。但我想知道为什么我的最初解决方案不起作用。有人能给我指出正确的Javascript规范来解释我最初解决方案的缺陷吗？谢谢!
var http = require('http');
var bl = require('bl');
var url1 = pr
浏览 5提问于2016-05-25得票数 0
回答已采纳
1回答
我正在尝试在已弹出的方法中测试axios调用，但是如果添加假计时器，moxios.wait()总是会超时。测试在没有时钟的情况下工作，如果故障时间设置得足够小(例如10 is )，但这无助于测试正确的脱扣器。我尝试过使用Vue.nextTick并对其进行回调()异步，但我似乎只深入研究了这些问题。这里的正确方法是什么？
下面是一个组件和测试，它显示了问题所在：
import Vue from 'vue'
import { mount } from 'vue-test-utils'
import axios from 'axios'
import
浏览 3提问于2017-12-20得票数 4
回答已采纳
1回答
我有一个简单的Vue-Filepond模板：
<template>
<div>
<form class="form-inline">
<file-pond
ref="pond"
name="image[data]"
allow-multiple=false
class="less-width"
max-files=&
浏览 22提问于2019-07-12得票数 1
回答已采纳
我需要让一个函数运行固定的秒数，然后终止。我可以使用jQuery或web workers，但我直接尝试这样做的尝试失败了。
Tks的帮助现在起作用了：
startT = new Date().getTime();
i = 1;
while(true){
now = new Date().getTime();
if( (now - startT) > 100) {
break;
}
i++;
}
alert(i);
浏览 0提问于2013-03-05得票数 7
回答已采纳
你好，我有一个组件，如下所示，我使用ushery钩子来初始化提要数组的myFeeds变量，并且运行一个效果来添加来自服务器(socket.io)的任何数据，但是当我在控制台记录结果时，myFeeds给了我一个空数组，可能的原因是什么？
const Dashboard = ({feeds}) => {
useEffect(() => {
getFeeds(); // this fetches feeds array
}, []);
const [myFeeds, setMyFeeds] = useState(feeds);
// useEffect hook to get re
浏览 0提问于2020-05-05得票数 0
回答已采纳
正如我已经了解到的(这里：)，在某些情况下，使用0ms延迟调用setTimeout (因为事件循环)是有用的。
现在，每当我使用setTimeout时，通常都要注意在适当的位置调用clearTimeout，以确保没有任何东西留在某个地方，并且在我不希望它被执行的地方执行。
因此，我的问题是:在带有0ms的setTimeout之后调用setTimeout是否有必要(这是否有意义)？传递的函数将立即附加到回调队列中，因此我假设clearTimeout不会(也不能)做任何事情。或者clearTimeout甚至可以从回调队列中删除传递的函数(因此，在超时过期之后，但在函数执行之前)？
第二个问题:即使
浏览 7提问于2015-09-15得票数 13
回答已采纳
我一直在看那些已经在StackOverflow上贴出的照片，没有一个是令人满意的。他们都给出了这个问题的实际解决办法，但这并不能解决我的问题。
请看一下这个例子：
for(var i = 1; i <= 5; i++) {
setTimeout(function(){
console.log(i)
}, 1000);
}
这是一个典型的例子，它总是产生如下结果：
6
6
6
6
6
这一切都很好，很好。我理解这一点是，for循环运行，并设置5次超时，使其在1秒后运行。当1秒之后，setTimeout内部的函数将运行。因为这是1秒，我很久以前就得到了6的值。
浏览 4提问于2020-06-25得票数 2
1回答
Javascript异步状态更新
、、、、
我正在尝试思考这个用例的最佳实践：
我有一个内部状态: results[]，它将用于在render中显示数据。
然后，我需要并行调用3个API，然后将它们合并并排序到results[]中，最后呈现它。
我使用axios来调用results[]，但我不想使用axios.all，因为我需要在3个API中的每一个返回时显示axios，这样看起来更快。
我遇到了问题，因为每次我使用this.setState()使用新数据更新results[]时，后面的操作总是看到旧的results[]；this.setState()不会立即得到应用。
做这件事最好的方法是什么？
浏览 0提问于2018-04-23得票数 0
我正在查看Node.js的async模块来解决一个问题。我实现了一个小小的测试：
var async = require("async");
function print(val) {
console.log(val);
}
async.parallel([
function(cb){ print(1); cb(null); },
function(cb){ print(2); cb(null); },
function(cb){ print(3); cb(null); },
function(cb){ print(4); cb(nu
浏览 6提问于2014-02-07得票数 1
回答已采纳
我在这里举了一个例子，试图更好地理解单线程+事件循环+承诺是如何工作的。
function add(a, b) {
return new Promise(function(resolve, reject) {
resolve(a + b);
});
}
add(3, 6).then(v => console.log(v));
console.log('test 1');
在这种情况下，我在这里所做的唯一的事情就是将添加发送到事件循环队列的末尾，否则它将在另一个线程中处理？
如果是这样，我只是发送到最后，所以我可以假设使用承诺没有http调用或任何其他we
浏览 4提问于2020-04-09得票数 0
我很困惑，greasemonkey setTimeout就是不工作，它从来不调用这个函数，网上看着人们说greasemonkey不支持setTimeout，有没有办法让我的目标(下面)工作呢？
function countdown(time, id) {
if(document.getElementById(id)) {
var name = document.getElementById(id);
var hrs = Math.floor(time / 3600);
var minutes = Math.floor((time - (hrs
浏览 0提问于2010-06-28得票数 2
回答已采纳
3回答
我有一个应用程序，需要连续运行一个功能。该函数返回一个承诺。我希望应用程序等到承诺得到解决后，才能再次启动该功能。
另外，我的应用程序需要一个start和stop函数，它使它要么开始运行，要么分别停止运行。
我在这里有一个简化的例子：
class App {
constructor() {
this.running = false
this.cycles = 0
}
start() {
this.running = true
this._run()
}
stop() {
this.running = false
}
_r
浏览 8提问于2016-10-06得票数 1
回答已采纳
1回答
我想做的是：
我正在使用Vue和Axios，我试图在控制台中显示百分比的进步。
问题是：
请求本身需要4秒或更长时间，因为它获取了大量数据并将其存储到excel中，然后下载它为。
我试过的是：
我在Axios中发现了两种方法：onDownloadProgress和onUploadProgress。
onDownloadProgress函数可以正常工作，但只有当下载开始时，后端才会将数据提取到excel文件(这占用了大部分时间)。
以下是前端代码：
axios.get(`${env.ENDPOINT}reports/products/credits_export`, {
params:
浏览 2提问于2019-07-11得票数 0
回答已采纳
我对setTimeout.I有点困惑，我想确认以下代码的输出是否总是：
inside abc
inside sample
守则：
function abc() {
xyz();
// interactions and modifications in DOM
$("#id1").append("something");
$("#id2").val("set something");
$("#id3").after("create some dynamic elem
浏览 5提问于2015-03-31得票数 1
回答已采纳
在Nanopb子消息中编码/解码重复构造字段的正确方法是什么？生成的输出显示解码操作没有检测到任何重复的构造字段。同样有趣的是，encode回调被调用了两次，而且也是有问题的。我错过了什么？ 作为实验，如果将此示例修改为不在TopMessage而是在SubMessage1处开始进行编码和解码，则解码成功。此外，在这种情况下，encode回调只会像预期的那样调用一次。 以下是proto的定义；有问题的字段是SubMessage1下的subMessage11。 syntax = "proto2";
import 'nanopb.proto';
message S
浏览 195提问于2016-10-04得票数 2
回答已采纳
2回答
完全清楚，如果这重要的话，我是用Node来做的。
我有一种方法可以进行几次同步调用(它们依赖于下一次调用中每个调用的反馈，所以必须是同步的)，而且我对环境或正在调用的东西没有太多的控制。
无论这些调用是否已经完成，我都需要在设定的时间(大约3秒)之后返回一个值。如果这些调用已经完成，脚本将完成并返回该值。一种备份超时，它返回可接受的(如果不完整)值，而不是由于服务器执行限制和抛出错误而完全超时。
我立即考虑使用setTimeout() (如果没有跳过就使用clearTimeout() )来执行返回。但是，在setTimeout回调中返回一个值并不会结束我的脚本并返回这个值，很明显--那么我将如
浏览 1提问于2019-05-07得票数 0
回答已采纳
1回答
我有以下我们已经创建的web服务。
router.post('/register', (req, res) => {
const user = req.body;
// registerSchema.validate(user, registerSchema, (err, result) => {
// if (err)
// res.status(500).end(err.message);
// });
findUserByEmail(user.email, (err, userFeedback) => {
c
浏览 0提问于2019-09-07得票数 0
为什么下面的代码会导致下面的错误？
码
const queryApi = (request: AxiosRequestConfig): Observable<ParsedData> => {
return new Observable(observer => {
axios(request).then(response => {
observer.next(response);
observer.complete();
}).catch(error => {
observ
浏览 0提问于2019-03-28得票数 0
回答已采纳
我用的是Axios(0.19.0)的React(16.13.1)，遇到了一个奇怪的情况.
为了解决这个问题，设置了多个console.log()。
const signUserAPI = async (data) => {
console.log('top of the function')
await setIsFetching(true);
await setIsError('');
axios.post(
apiPath.signUpPath,
{ user: data },
).
浏览 3提问于2020-06-10得票数 0
回答已采纳
1回答
我们将所有的api调用都放在一个api.js文件中，如下所示： import { axiosClient as axios } from 'Utils';
export const urls = {
getReceiptData: '/purchase/getReceiptData',
processPurchase: '/purchase/process-purchase',
};
export const getReceiptData = () => axios.get(urls.getReceiptData)
.t
浏览 11提问于2020-08-21得票数 1
回答已采纳
我正在开发谷歌Chrome的扩展。在这个环境中，我有能力在请求适当的权限后将JavaScript注入第三方网站。因此，我将代码注入到引用跨域资源的iframe中，但不受“正常”环境中所期望的相同的跨源安全策略的约束。
我在这个iframe中执行的代码是：
var requestId = window.requestAnimationFrame(function(){
console.log("Success");
});
console.log("Request Id:", requestId);
在执行此代码后，我的输出如下：
请求Id: 1
浏览 6提问于2013-12-26得票数 2
回答已采纳
在使用setInterval()和clearInterval()时，哪种方法是正确和有效的？
1.
something = setInterval(function() {
try {
...load something
clearInterval(something);
} catch (e) {
// error
}
}, 5000);
2.
something = setInterval(function() {
try {
...load something
}
浏览 12提问于2014-04-22得票数 0
回答已采纳
1回答
我对Jasmine相当陌生，我必须测试几个函数调用：
JS代码
object1 = {
function1: function() {
// object1.function2 is a callback
object2.someFunction("called", object1.function2)
},
function2: function() {
// code to do stuff
}
}
测试代码
describe("test suite", function(
浏览 0提问于2015-03-07得票数 4
4回答
我对JavaScript还很陌生，我是通过p5和Daniel Shiffman的视频来学习的。
我一直在寻找一种方法，每隔一分钟左右更新一次程序，检查天气api，这样我就不必自己刷新页面了。
我知道这里已经有了这个问题的答案，但对我来说没有一个是有意义的，因为我对JS非常陌生。
所以如果你能用ELI5 (“像我五岁一样解释”)来回答这个问题，那就太好了。
浏览 0提问于2016-11-21得票数 16
我一直在尝试理解一些用于打开websocket的代码：
var ws = new WebSocket('ws://my.domain.com');
ws.onopen = function(event) {
...
}
我的问题是握手是如何开始的？如果它是在WebSocket构造函数中启动的，那么如果它还没有被设置，那么如何调用onopen呢？如果WebSocket构造函数创建了一个执行握手的线程，那么在握手结束之前是否必须足够快地定义onopen？如果是这样，这听起来有点危险，因为如果JS虚拟机速度变慢，握手可能会在定义onopen之前完成，这意味着事件不会得到处理。
浏览 0提问于2013-01-17得票数 8
回答已采纳
因此，在案文(文章)中，我有以下内容：
<div id="fb-root"></div>
<script>
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/h
浏览 0提问于2019-02-25得票数 0
回答已采纳
1回答
Vue 3中的To应用程序前端
、、、、
我已经在后端(API)和Vue 3前端安装了一个有Slim框架的待办事项应用程序。我在YouTube频道上添加了一个演示。
在主App.vue文件中，我有：
import axios from 'axios'
import '@fortawesome/fontawesome-free/js/all.js';
import Header from './components/Header.vue'
import List from './components/List.vue'
import Footer from './c
浏览 0提问于2021-05-29得票数 2
回答已采纳
我目前正在试验three.js，它依赖于requestAnimationFrame来执行动画。
在调用多维数据集旋转和renderer.render函数之前，下面的代码不是会导致无限递归吗？
function render() {
requestAnimationFrame(render);
cube.rotation.x += 0.1;
cube.rotation.y += 0.1;
renderer.render(scene, camera);
}
render();
代码可以工作，但我正在努力提高对JavaScript的总体理解。
在我看来，呈现是作为回
浏览 3提问于2015-03-21得票数 7
回答已采纳
2回答
我试图调用一个函数，它将在结束时再次调用该函数，因此它将无限期地重复。
function foo2 () {
setTimeout(function(){
jQuery('#bloc2').height(jQuery('#zonetexteposition').height());
jQuery('#bloc2-vertical').height(jQuery('#zonetexteposition').height());
jQuery('#bloc2-horizo
浏览 3提问于2015-07-28得票数 0
回答已采纳
1回答
我试图在邮递员电话的预请求脚本中使用setTimeout(()=>{},1000)延迟1秒。
var moment = require('moment');
var tap1TimeStr = pm.environment.get("now");
var tap1TimeMoment = moment(tap1TimeStr,"YYYY-MM-DDTHH:mm:ss");
var expTap2Time = tap1TimeMoment.add(2, 'minutes').format("YYYY-MM-DDTHH:
浏览 6提问于2022-03-11得票数 0
我的应用程序应该猜到1到10000之间的秘密号码。这是我的代码：
import axios from 'axios';
import React, { Component } from 'react';
class GuessEngine extends Component {
constructor(props) {
super(props);
this.state = {
number: null,
result: null,
};
}
componentDidMount() {
co
浏览 0提问于2018-04-04得票数 0
回答已采纳
1回答
我写信通知您，我有一个请求，需要在40个项目的批次中发送几个请求项目，而下一个批次必须在中断10秒后处理。我已经改变了参数假设如果我运行，
const request = require('request'); let options = { 'method': 'POST', 'url': 'https://somewebsite.com/uk/v1/process/day_assignments.json', 'headers': {
'Content-Type
浏览 1提问于2020-11-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
