function transform(error: any) {
  console.error('error', error)
  const err = (text: string) => {
    ElMessage.error(error?.response?._data.message ?? text);
  };
  if (error?.response?._data) {
    switch (error.response.status) {
      case 404:
        err("服务器资源不存在");
        break;
      case 500:
        err("服务器内部错误");
        break;
      case 401:
        // 清除缓存
        err("登录状态已过期，需要重新登录");
        // TODO 跳转到登录界面
        break;
      case 403:
        err("没有权限访问该资源");
        break;
      default:
        err(error.response._data.msg);
    }
  } else {
    err("请求超时，服务器无响应！");
  }
}

/**
 * api请求封装
 * @param { String } url 请求地址
 * @param { Object } options useFtech第二个参数
 * @param { Object } headers 自定义header头, 单独设置headers区分请求参数，也好设置类型
 */
const fetch = $fetch.create({
    async onRequest({options}){
      options.baseURL = '/api';
      console.log('options>>>', options)
      options.headers = new Headers(options.headers);
    },
    // 响应拦截
    onResponse(ctx) {
      const {response} = ctx;
      let data = response._data;
      // 在这里判断错误
      if (data.code != 1) {
        transform(ctx)
        return Promise.reject(ctx)
      }
      // 成功返回
      return data;
    },
    // 错误处理
    onResponseError(error) {
      transform(error)
      return Promise.reject(error?.response?._data ?? null);
    }
  })


export default class Http<T> {
  contact(...params: string[]) {
    console.log('params>>>>', params)
    return params.join('')
  }

  toFormData(data: { [x: string]: any; }) {
    const dataParams = new FormData();
    for (const dataKey in data) {
      dataParams.append(dataKey, data[dataKey])
    }
    return dataParams
  }
  get(url: string, params?: any, headers?: any) {
    console.log('url>>>>', url)
    return fetch<T>(url, {method: 'get', params, headers})
  }

  post(url: string, data?: any, headers?: any) {
    return fetch<T>(url, {method: 'post', body:data, headers})
  }

  put(url: string, params?: any, headers?: any){
    return fetch<T>(url, {method: 'put', body:params, headers})
  }

  delete(url: string, params?: any, headers?: any) {
    return fetch<T>(url, {method: 'delete', body:params, headers})
  }
}