axios 二次封装

import axios from 'axios'

import config from '../config'

import { ElMessage } from 'element-plus'

const TOKEN_ERROR = 'token认证失败,请重新登录'

const NETWORK_ERROR = '网络请求异常，请稍后重试'

// 创建axios的示例对象 添加配置

const service = axios.create({

  baseURL: config.baseApi,

  timeout: 8000

})

// 请求的拦截

service.interceptors.request.use((req) => {

  // 一些公共的请求机制

  const header = req.headers

  if (!header.Authorization) header.Authorization = 'jason'

  return req

})

// 响应的拦截

service.interceptors.response.use((res) => {

  // 一些公共的响应机制

  const { data, code, msg } = res.data

  if (code === 200) {

    return data

  } else if (code === 40001) {

    ElMessage.error(TOKEN_ERROR)

    setTimeout(() => {

      router.push('/login')

    }, 1500)

    return Promise.reject(TOKEN_ERROR)

  } else {

    ElMessage.error(NETWORK_ERROR)

    return Promise.reject(NETWORK_ERROR)

  }

})

// 核心的request 的函数

function request (options) {

  options.method = options.method || 'get'

  if (options.method.toLowerCase() === 'get') {

    // 统一一下 属性是data

    options.params = options.data

  }

  // 非常的重要，如果不注意的话,会出现p0级别的bug

  if (config.env === 'prod') {

    service.defaults.baseURL = config.baseApi

  } else {

    service.defaults.baseURL = config.mock ? config.mockApi : config.baseApi

  }

  return service(options)

}

['get', 'post', 'put', 'delete', 'patch'].forEach((item) => {

  request[item] = (url, data, options) => {

    return request({

      url,

      data,

      methd: item,

    ...options

    })

  }

})

export default request