axios 封装-用的挺好用的

/** axios封装文件 */
import axios from 'axios';

// 判断出当前是开发环境还是生成环境
if(process.env.NODE_ENV === 'development'){
    var baseURL = 'http://localhost:3000'
} else {
	var baseURL = 'vx公众:cz_cms01'
}

// 创建请求实例
const $axios = axios.create({
    // 请求地址 
    // baseURL会自动加在请求地址上
    baseURL: baseURL,
    // 请求超时时间
    timeout: 1000,
});

// 设置请求拦截器
$axios.interceptors.request.use(
    (config) =>{
        // 请求之前操作
        return config;
    },
    (err) =>{
        // 请求错误操作
        return Promise.reject(err);
    }
)

// 设置请求响应拦截器
$axios.interceptors.response.use(
    (message) =>{
        let data = message.data
        return data;
    },
    (err) =>{
        // 获取数据失败
        return Promise.reject(err);
    }
)


export default $axios;

调用方法

import $axios from '../../https/axios' // 引入封装

$axios({
          url: '/wx/qrcode',// 路径
          method: 'post',// 请求方式
          data:{// 内容
            login: true,
          },
          headers:{'Content-Type':'multipart/form-data;charset=UTF-8'}
        })
        .then((e) =>{
          console.log('成功',e);
        })
        .catch((err) =>{
          console.log('失败',err);
        })