美文网首页
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