import axios from "axios"; // 引入axios
import qs from "qs"; // 引入qs
import store from "../store";
import APIUrl from "../config/index"; // 引入config
import router from "../router";
import { Message } from "element-ui";

// axios 默认配置  更多配置查看Axios中文文档
axios.defaults.timeout = 50000; // 超时默认值
axios.defaults.baseURL = APIUrl.baseURL; // 默认baseURL
axios.defaults.responseType = "json"; // 默认数据响应类型
// axios.defaults.headers.common["Content-Type"] =
//   "application/json;charset=UTF-8";
axios.defaults.headers.common["Content-Type"] =
  "application/x-www-form-urlencoded";
axios.defaults.withCredentials = true; // 表示跨域请求时是否需要使用凭证

// http request 拦截器
// 在ajax发送之前拦截 比如对所有请求统一添加header token
axios.interceptors.request.use(
  (config) => {
    config.headers["lang"] = localStorage.getItem("language")
      ? localStorage.getItem("language")
      : "en";
    var token = store.state.token || window.localStorage.getItem("tokens");
    config.headers["USERTOKEN"] = token ? token : "";
    return config;
  },
  (err) => {
    return Promise.reject(err);
  }
);

// http response 拦截器
// ajax请求回调之前拦截 对请求返回的信息做统一处理 比如error为401无权限则跳转到登陆界面
axios.interceptors.response.use(
  (response) => {
    // console.log("response", response);
    // 需要登录确没有登录时跳转到登录页面
    if (response.data && response.data.status === 401) {
      store.commit("undataToken", null);
      window.localStorage.removeItem("USERTOKEN");
      router.push("/login");
      Message({
        message: response.data.msg,
        type: "warning",
      });
      return response.data;
    }
    // 正常通过获取到数据时
    else if (response.data.status === 0) {
      return response.data;
    }
    // 其他错误时
    else {
      Message({
        message: response.data.msg,
        type: "warning",
      });
      return response.data;
    }
  },
  (error) => {
    console.log("error", error);
    // return Promise.reject(error);
    return error;
  }
);

export default axios; // 这句千万不能漏下！！！

/**
 * post 方法封装
 * @param url
 * @param data
 * @returns {Promise}
 */
export function post(url, data = {}) {
  return new Promise((resolve, reject) => {
    axios.post(url, qs.stringify(data)).then(
      (response) => {
        resolve(response);
      },
      (err) => {
        console.log("post err", err);
        reject(err);
      }
    );
  });
}

/**
 * get 方法封装
 * @param url
 * @param data
 * @returns {Promise}
 */
export function get(url, data = {}) {
  return new Promise((resolve, reject) => {
    axios.get(url, { params: data }).then(
      (response) => {
        resolve(response);
      },
      (err) => {
        console.log("get err", err);
        // reject(err);
      }
    );
  });
}

/**
 * 其他delete等的封装类似
 * 可以查看中文文档 自行封装
 */