import Axios from 'axios';
import { ElMessage } from 'element-plus';

const baseUrl = 'http://api.github.com';

const instance = Axios.create({
  baseUrl,
  timeout: 20000,
});

// request
instance.interceptors.request.use(
  response => {
    return response;
  },
  error => {
    return Promise.reject(error);
  },
);

// response
instance.interceptors.response.use(
  response => {
    return response;
  },
  error => {
    if (error.response && error.response.data) {
      const code = error.response.status;
      const msg = error.response.data.message;
      ElMessage.error(`Code: ${code}, Message: ${msg}`);
      console.error(`[Axios Error]`, error.response);
    } else {
      ElMessage.error(`${error}`);
    }
    return Promise.reject(error);
  },
);

export default instance;