axios.js

/*
 * @Author: panda
 * @Date: 2021-12-18 13:45:24
 * @LastEditTime: 2021-12-27 19:18:50
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /sdc-face/src/api/axios.js
 */
import axios from "axios";
import router from "../router/index";

import { Message, Loading } from "element-ui";
let loading;
//内存中正在请求的数量
let loadingNum = 0;
function startLoading() {
  if (loadingNum == 0) {
    loading = Loading.service({
      lock: true,
      text: "拼命加载中...",
      background: "rgba(255,255,255,0.5)"
    });
  }
  //请求数量加1
  loadingNum++;
}
function endLoading() {
  //请求数量减1
  loadingNum--;
  if (loadingNum <= 0) {
    loading.close();
  }
}
// 创建 axios 实例
let service = axios.create({
  // headers: {'Content-Type': 'application/Text'},
  timeout: 600000
});

// 添加请求拦截器
service.interceptors.request.use(
  config => {
    // startLoading();
    let atoken = localStorage.getItem("atoken");
    if (atoken) {
      // 判断是否存在token，如果存在的话，则每个http header都加上token
        config.headers.authorization = atoken;
    } else {
     
    }
    if (config.method == "get") {
      config.params = {
        _t: Date.parse(new Date()) / 1000,
        ...config.params
      };
    }
    return config;
  },
  err => {
    // 请求错误处理
    return Promise.reject(err);
  }
);

// 添加响应拦截器
service.interceptors.response.use(response => {
  // endLoading();
  if (response.data.success && response.data.ecode && response.data.ecode == 401) {
    Message.warning({ message: "用户登录过期，请重新登录!" });
    localStorage.removeItem("atoken");
    router.replace({
      path: "/"
    });
    // location.reload();
  } else {
    let { data } = response;
    // data.response = response;
    return data;
  }
  err => {
    // endLoading();
    if (err && err.response) {
      Message.error({ message: err.response.data.enote });
    } else {
      Message.error({ message: "连接服务器失败!" });
    }
    return Promise.reject(err);
  };
});


/**
 * 创建统一封装过的 axios 实例
 * @return {AxiosInstance}
 */
export default function() {
  return service;
}