import axios from 'axios';

// 創(chuàng)建Axios實例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // 接口基礎(chǔ)路徑
  timeout: 10000 // 默認超時10秒（可根據(jù)業(yè)務(wù)調(diào)整）
});

export default service;

// 示例：驗證碼接口（需要快速響應(yīng)，設(shè)為5秒）
export function getCodeImg() {
  return request({
    url: '/captchaImage',
    method: 'get',
    timeout: 5000 // 5秒超時
  });
}

// 示例：下載導(dǎo)出文件接口（耗時較長，設(shè)為30秒）
export function handleExport() {
  return request({
    url: '/system/xxxx/export',
    method: 'post',
    data: this.queryParams,
    responseType: 'blob', // 指定響應(yīng)類型為二進制流（下載接口需設(shè)置）
    timeout: 30000 // 30秒超時
  });
}

service.interceptors.response.use(
  response => response, // 正常響應(yīng)直接返回
  error => {
    if (error.code === 'ECONNABORTED') { // Axios定義的超時錯誤碼
      console.error('請求超時，請檢查網(wǎng)絡(luò)或聯(lián)系管理員');
      // 可在此處添加重試邏輯或彈窗提示
    } else {
      console.error('請求失?。?, error.message);
    }
    return Promise.reject(error);
  }
);

/**
 * 帶超時的Fetch請求
 * @param {string} url - 接口地址
 * @param {Object} options - Fetch配置項（如method、headers）
 * @param {number} timeout - 超時時間（毫秒，默認5秒）
 * @returns {Promise} - 返回Fetch響應(yīng)的Promise
 */
function fetchWithTimeout(url, options = {}, timeout = 5000) {
  return Promise.race([
    fetch(url, options), // 正常Fetch請求
    new Promise((_, reject) => 
      setTimeout(() => reject(new Error('請求超時')), timeout) // 超時Promise
    )
  ]);
}

// 使用示例
fetchWithTimeout('https://example.com/api', { method: 'GET' }, 8000)
  .then(response => {
    if (!response.ok) throw new Error('網(wǎng)絡(luò)響應(yīng)異常');
    return response.json();
  })
  .then(data => console.log('接口數(shù)據(jù)：', data))
  .catch(error => console.error('請求錯誤：', error.message));

/**
 * 帶超時的XMLHttpRequest請求
 * @param {string} url - 接口地址
 * @param {string} method - 請求方法（GET/POST等）
 * @param {Object} data - 請求數(shù)據(jù)（POST時使用）
 * @param {number} timeout - 超時時間（毫秒，默認5秒）
 * @returns {Promise} - 返回響應(yīng)數(shù)據(jù)的Promise
 */
function xhrWithTimeout(url, method = 'GET', data = null, timeout = 5000) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open(method, url, true);
    xhr.timeout = timeout; // 設(shè)置超時時間

    xhr.onload = function() {
      if (xhr.status >= 200 && xhr.status < 300) {
        resolve(xhr.responseText); // 成功響應(yīng)
      } else {
        reject(new Error(`請求失敗，狀態(tài)碼：${xhr.status}`));
      }
    };

    xhr.ontimeout = function() {
      reject(new Error('請求超時')); // 超時錯誤
    };

    xhr.onerror = function() {
      reject(new Error('網(wǎng)絡(luò)錯誤')); // 網(wǎng)絡(luò)錯誤
    };

    if (data) {
      xhr.setRequestHeader('Content-Type', 'application/json');
      xhr.send(JSON.stringify(data)); // POST請求發(fā)送JSON數(shù)據(jù)
    } else {
      xhr.send(); // GET請求
    }
  });
}

// 使用示例
xhrWithTimeout('https://example.com/api', 'GET', null, 10000)
  .then(data => console.log('接口數(shù)據(jù)：', JSON.parse(data)))
  .catch(error => console.error('請求錯誤：', error.message));