import axios from 'axios';
import { ElMessage } from 'element-plus';
import { getToken } from 'utils/auth';

// 创建 axios 实例
const service = axios.create({
  baseURL: import.meta.env.VITE_API_URL || '/api', // 从环境变量获取基础URL
  timeout: 15000, // 请求超时时间
  headers: {
    'Content-Type': 'application/json;charset=utf-8',
  },
});

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 在请求发送之前做一些处理，例如添加 token
    const token = getToken();
    console.log('%c [ token ]: ', 'color: #bf2c9f; background: pink; font-size: 13px;', 'token');
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`;
      config.headers['Blade-Auth'] = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    // 处理请求错误
    console.error('请求错误：', error);
    return Promise.reject(error);
  }
);

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 如果是导出接口，直接返回response
    if (response.config.responseType === 'blob') {
      return response;
    }

    const res = response.data;

    // 这里可以根据后端接口规范定义响应处理逻辑
    // 例如：如果后端返回 code 不为 200，则显示错误信息
    if (res.code !== 200) {
      ElMessage.error(res.message || '请求失败');
      return Promise.reject(new Error(res.message || '请求失败'));
    }

    return res;
  },
  error => {
    console.error('响应错误：', error);

    // 处理 HTTP 错误状态
    let message = '请求失败';
    if (error.response) {
      switch (error.response.status) {
        case 401:
          message = '未授权，请重新登录';
          // 可以在这里处理登录过期逻辑
          break;
        case 403:
          message = '拒绝访问';
          break;
        case 404:
          message = '请求错误，未找到该资源';
          break;
        case 500:
          message = '服务器端出错';
          break;
        default:
          message = `连接错误${error.response.status}`;
      }
    } else {
      message = '网络连接异常，请稍后重试';
    }

    ElMessage.error(message);
    return Promise.reject(error);
  }
);

export default service;
