import axios, { CancelToken, isCancel } from 'axios'
import { ElMessage, ElNotification } from 'element-plus'
import errorCode from './errorCode.js'
import { useUserStore } from '@/store/modules/user'

axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'

// 创建axios实例
const service = axios.create({
  baseURL: 'http://192.168.1.166:5555',
})

let cancel
// request拦截器
service.interceptors.request.use(
 async (config) => {
    if (cancel) cancel('取消了')
    if (config.cancel) {
      config.cancelToken = new CancelToken((c) => {
        cancel = c
      })
    }

    // 处理GET请求，将data参数拼接到URL
    if (config.method === 'get' && config.data) {
      // 将data对象转换为URL参数
      let params = Object.keys(config.data)
        .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(config.data[key])}`)
        .join('&');
      
      // 拼接到URL
      if (params) {
        config.url += (config.url.includes('?') ? '&' : '?') + params;
      }
      // 清空data，避免重复发送
      config.data = undefined;
    }
    console.log(config.url);

    const {token} = await new Promise((resolve) => {
      chrome.storage.local.get(['token'], (result) => {
        resolve(result)
      })
    })
    
    // 当token不存在时，执行退出登录
    // if (!token && !config.url.includes('/login')) {
    //   return Promise.reject('请先登录')
    // }

    if (token) {
      config.headers['Authorization'] = 'Bearer ' + token
    }
    return config
  },
  (error) => {
    Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  (res) => {
    console.log(res,85888);

    // 未设置状态码则默认成功状态
    const code = res.data.code || 200
    // 获取错误信息
    const msg = errorCode[code] || res.data.msg || errorCode['default']
    // 二进制数据则直接返回
    if (
      res.request.responseType === 'blob' ||
      res.request.responseType === 'arraybuffer'
    ) {
      let filename = res.headers['content-disposition'].split('filename=')[1]
      return { fileName: filename, data: res.data }
    }
    
    if (code === '401') {
      // if (!isRelogin.show) {
      //   isRelogin.show = true;
      //   ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
      //     isRelogin.show = false;
      //     useUserStore().logOut().then(() => {
      //       location.href = '/index';
      //     })
      //   }).catch(() => {
      //     isRelogin.show = false;
      //   });
      // }
      ElMessage.error('您的登录状态已过期，请重新登录。')
      const userStore = useUserStore()
      userStore.logout(false)
      return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
    } else if (code === 500) {
      ElMessage({ message: msg, type: 'error', grouping: true })
      return Promise.reject(msg)
    } if (code === '1') {
      ElMessage({ message: '接口异常', type: 'error', grouping: true })
      return Promise.reject(msg)
    } else if (code === 601) {
      ElMessage({ message: msg, type: 'warning', grouping: true })
      return Promise.reject(new Error(msg))
    }  else {
      return Promise.resolve(res.data)
    }
  },
  (error) => {
    if (isCancel(error)) {
      // console.log('用户取消')
    } else {
      let { message } = error
      if (message === 'Network Error') {
        message = '后端接口连接异常'
      } else if (message.includes('timeout')) {
        message = '系统接口请求超时'
      } else if (message.includes('Request failed with status code')) {
        message = '系统接口' + message.substr(message.length - 3) + '异常'
      }
      ElMessage({
        message: message,
        type: 'error',
        duration: 5 * 1000,
        grouping: true
      })
      return Promise.reject(error)
    }
  }
)

export default service