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

// 创建 axios 实例
const request = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
  timeout: 10000
})

// 请求拦截器：发请求前统一加 token
request.interceptors.request.use(config => {
  const token = localStorage.getItem('token')
  if (token) config.headers.Authorization = `Bearer ${token}`
  return config
})

// 响应拦截器：统一处理返回结构和错误（全局处理放这里）
request.interceptors.response.use(
  response => {
    const res = response.data
    // 后端统一返回 { Code, Msg, Data }（兼容小写字段）
    const code = res.Code ?? res.code
    if (code !== 0) {
      ElMessage.error(res.Msg || res.message || '请求失败')
      return Promise.reject(new Error(res.Msg || res.message))
    }
    // 直接返回 Data，页面拿到的就是干净数据，不用每次再 .data
    const data = res.Data ?? res.data
    // 分页列表：透传服务端响应头 X-Total-Count（总记录数），以不可枚举属性挂在数组上，不影响遍历与序列化
    const totalCount = response.headers['x-total-count']
    if (Array.isArray(data) && totalCount !== undefined) {
      Object.defineProperty(data, 'total', { value: Number(totalCount), enumerable: false })
    }
    return data
  },
  error => {
    ElMessage.error(error.message || '网络错误')
    return Promise.reject(error)
  }
)

export default request