vue项目中axios在一个单独接口请求时重设超时时间

在Vue开发中,面对大量数据或慢速接口,通常设置请求超时如10秒。但上传大文件时,可能超过这个限制导致超时。为了解决这个问题,可以针对上传文件接口单独设置超时时间,例如在defHttp的post请求中将timeout设为0以取消超时限制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在做vue项目的时候,由于数据量比较多或是其他原因,前端调用接口数据的时候,往往要等很久,我们一般会设置个超时,统一配置默认超时时间,当超过设置时间就向页面返回一个状态,让用户不用一直等。

timeout: 10 * 1000, // 等待时间最多为十秒

但是,当上传文件的时候,文件一旦大一些,就会超过设置的时间,出现接口连接超时的问题,所以我们需要单独为上传接口设置一个请求超时时间。

// 上传文件
export const uploadFile = (params) =>
  defHttp.post({
    url: Api.uploadFile,
    params,
    timeout: 0, // 指定请求超时的毫秒数,0表示无超时时间
  });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值