开发喵星球

若依系列持续更新到第100篇🎉🎉🎉

本章教程，主要介绍若依前后端分离版本如何设置接口的超时时间的方法。

接口超时指的是当一个应用程序或者服务请求另一个应用程序或者服务时，如果在一定时间内没有得到响应，就会发生超时。超时通常是由于网络延迟、服务器性能问题或者应用程序错误导致的。在实际应用中，超时问题可能会导致应用程序崩溃或者无法正常工作，因此需要对超时进行有效的处理和管理。通常的处理方式包括设置超时时间、重试机制、异常处理等。

1、设置全局超时时间

修改文件位置：src/utils/request.js

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  // 默认超时时间为10秒，可以自己定义默认的全局 timeout
  timeout: 10000
})

2、针对某个接口单独设置超时时间

找到需要单独设置的接口，添加timeout参数字段，指定超时时间即可。

// 在自己的接口里面单独加个`timeout`属性就行了
export function getCodeImg() {
  return request({
    url: '/captchaImage',
    method: 'get',
    timeout: 30000 // 30秒
  })
}

3、针对下载接口单独设置超时时间

找到需要单独设置的接口，添加timeout参数字段，指定超时时间即可。

// 在自己的接口里面单独加个`timeout`属性就行了
handleExport() {
  this.download('system/xxxx/export', {
    ...this.queryParams
  }, `xxxx_${new Date().getTime()}.xlsx`, { timeout: 30000 }) // 30秒
},