前端ajax请求超时_前端axios怎么添加timeout

在前端代码设置axios响应时间

1. 全局设置 axios.defaults.timeout = 时间 // 单位为毫秒

//[注:此方法配置默认超时时间无法被替换 即在ajax想单独发送请求并添加请求超时时间无效]
 axios.defaults.timeout = 5 * 1000; // 5*1000ms(5秒)

[注:此方法配置默认超时时间无法被替换 即在ajax想单独发送请求并添加请求超时时间无效]

2. 封装的http请

//引入axios
import axios from "axios";
 
export const http = axios.create({
  baseURL: process.env.VUE_APP_URL, // 环境变量
 
  // 默认，前后端交互 都是 json ，所以将 "Content-type": "application/json" 进行封装
  headers: { "Content-type": "application/json" },
 
 
  //此法可以使单个请求时间覆盖下面 (若使用http.defaults.withCredentials则强制覆盖全局,单个使用无效)
  timeout: 5 * 1000,
});

3.ajax发送get/post请求

http.get("/admin/banner/delete", {
    params: {
      bannerid,
    },
    timeout: 60 * 1000, //get请求超时设置
  });
 
 
http.post("/admin/banner/add",
    {
      img,
      alt,
      link,
    },
    { timeout: 60 * 1000 } //post请求超时设置
  );