vue的axios的简单封装

1.前言

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中

2.安装

$ npm install axios

3.axios封装

封装目的：实现请求拦截、相应拦截、错误统一处理

在src/assets/js 目录下新建Ajax.js文件

import axios from 'axios'; // 引入axios

import {
    Toast
} from 'vant';

// 将所有 Toast 的展示时长设置为 1000 毫秒
Toast.setDefaultOptions({
    duration: 1000
});

// 将所有 loading Toast 设置为背景不可点击
Toast.setDefaultOptions('loading', {
    forbidClick: true
});

/** 
 * 提示函数,禁止点击蒙层、显示一秒后关闭
 */
const tip = msg => {
    Toast({
        message: msg,
        duration: 1000,
        forbidClick: true
    });
}
/***
 * pro,test,dev环境的接口前缀切换
 * 调接口时Loading,成功或失败取消Loading
 * 统一的成功回调
 * 统一的失败回调错误处理
 * **/
const global = {
    env: "pro"
}
let baseUrl = ""
switch (global.env) {
    case "dev":
        //  baseUrl = "http://172.16.10.48:6060"
        baseUrl = "/api&