美文网首页
axios 封装 直接使用

axios 封装 直接使用

作者: 一个温温尔雅的男人 | 来源:发表于2021-04-20 08:58 被阅读0次

import axios from 'axios'

// import store from '../store'

// import { getToken } from '@/utils/auth'


// 创建axios实例

const service = axios.create({

  baseURL: process.env.BASE_API || '', // api 的 base_url

  timeout: 1000*10, // 请求超时时间

  headers: {'Content-Type': 'application/json,charset=utf-8'},

})

// request拦截器

service.interceptors.request.use(

  config => {

    /* if (store.getters.token) {

      config.headers['X-Token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改

    } */

    return config

  },

  error => {

    // Do something with request error

    console.log(error) // for debug

    Promise.reject(error)

  }

)

// response 拦截器

service.interceptors.response.use(

  response => {

    /**

     * code为非20000是抛错 可结合自己业务进行修改

     */

    const res = response.data

    // if (res.code !== 20000) {

    //   Message({

    //     message: res.message,

    //     type: 'error',

    //     duration: 5 * 1000

    //   })

    //   // 50008:非法的token; 50012:其他客户端登录了;  50014:Token 过期了;

    //   if (res.code === 50008 || res.code === 50012 || res.code === 50014) {

    //     MessageBox.confirm(

    //       '你已被登出,可以取消继续留在该页面,或者重新登录',

    //       '确定登出',

    //       {

    //         confirmButtonText: '重新登录',

    //         cancelButtonText: '取消',

    //         type: 'warning'

    //       }

    //     ).then(() => {

    //       store.dispatch('FedLogOut').then(() => {

    //         location.reload() // 为了重新实例化vue-router对象 避免bug

    //       })

    //     })

    //   }

    //   return Promise.reject('error')

    // } else {

    //   return response.data

    // }

    // 未授权、未登录返回码40313

    if(res.status === 40313) {

      window.open(res.message, "_self")

    }

    return { response, data: res }

  },

  error => {

    console.log('err:', error.response) // for debug

    /* Message({

      message: error.message,

      type: 'error',

      duration: 5 * 1000

    }) */

    return Promise.reject(error && error.response && error.response.data)

  }

)

export default service


相关文章

网友评论

      本文标题:axios 封装 直接使用

      本文链接:https://www.haomeiwen.com/subject/znpglltx.html