首页 > 解决方案 > React.js:设置 axios 等待响应的时间限制

问题描述

我想为axios请求设置等待响应的时间限制

例如,我从客户端发出了一个请求,然后我想将系统设置为仅等待 8 秒然后显示请求超时

请在下面查看我的axios要求

executeJwtAuthenticationService(username, password) {
    return axios.post(`${API_URL_LOCAL}`, {
      username,
      password,
    });
  }

我将如何将其与此类似?

axios({
  method: 'post',
  url: '/user',
  timeout: 8000, // Let's say you want to wait at least 8 seconds
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
})

标签: reactjsaxios

解决方案


如果您尝试axios.post使用内联版本来实现您的请求,那么您只需要知道,它将 configs 作为一个单独的对象

所以你的最终代码应该是这样的:

axios.post(`${API_URL_LOCAL}`, {
  username,
  password,
}, {
  timeout: 8000
});

注意:有关更多信息,您可以阅读内容。


推荐阅读