axios二次封装

使用axios、Promise、qs、token封装。

import axios from 'axios'
import { Toast } from 'vant';
import { userStore } from "@/store/mod/userMod";
const configData = require("../assets/config/configData.json");
import qs from 'qs'


// 环境的切换
if (process.env.NODE_ENV == 'development') {
    axios.defaults.baseURL = '/api';
}
else if (process.env.NODE_ENV == 'debug') {
    axios.defaults.baseURL = '/api';
}
else if (process.env.NODE_ENV == 'production') {
    axios.defaults.baseURL = configData.serverConfig.serverUrl;
}

const service = axios.create({
    timeout: configData.serverConfig.timeout
})

// 请求拦截器
service.interceptors.request.use(
    config => {
        if (userStore.Token) {
            config.headers['token'] = userStore.Token
        }
        return config
    },
    error => {
        Promise.reject(error)
    }
)

//响应拦截器
service.interceptors.response.use(
    response => {
        var code = response.status;
        if (code) {
            switch (code) {
                case 200:
                    return Promise.resolve(response.data);
                    break;

                case 401:
                    break;

                case 403:
                    break;

                case 404:
                    Toast.fail('服务器网络错误');
                    break;
                case 500:
                    Toast.fail('登录错误');
                    break;

                default:
                    //其他情形
                    break;
            }
        }
        return Promise.reject(response);
    },
    error => {
        let code = 0
        try {
            code = error.response.data.status
        } catch (e) {
            if (error.toString().indexOf('Error: timeout') !== -1) {
                return Promise.reject(error)
            }
            if (error.toString().indexOf('Error: Network Error') !== -1) {
                return Promise.reject(error)
            }
        }
        if (code === 401) {
        } else if (code === 403) {

        } else if (code === 500) {
            Toast.fail('(500)服务器网络错误');
        } else if (code === 404) {
            Toast.fail('服务器网络错误');
        } else {
            const errorMsg = error.response.data.message
        }
        return Promise.reject(error)
    }
)

//get请求
export function get(url: string, param?: any) {
    var str = ""
    if (param)
        str = "?" + qs.stringify(param);
    return new Promise((resolve, reject) => {
        return service({
            url: url + str,

            // headers: { "Content-Type": "application/x-www-form-urlencoded" },
            method: 'get'
        }).then(response => {
            // console.log("get then", qs.stringify(response))
            resolve(response)
        }).catch(err => {
            // console.log("get catch", qs.stringify(err))
            reject(err)
        }).finally(() => {
            // console.log("get finally")
        })
    })
}

//post请求(url)
export function postA(url: string, param?: any) {
    return new Promise((resolve, reject) => {
        return service({
            url: url,
            data: qs.stringify(param),
            method: 'post',
            headers: { "Content-Type": "application/x-www-form-urlencoded" }
        }).then(response => {
            // console.log("postA then", qs.stringify(response))
            resolve(response)
        }).catch(err => {
            console.log("postA catch", qs.stringify(err))
            reject(err)
        }).finally(() => {
            console.log("postA finally")
        })
    })
}

//post请求(json)
export function postB(url: string, param: any) {
    return new Promise((resolve, reject) => {
        return service({
            url: url,
            data: param,
            method: 'post'
        }).then(response => {
            // console.log("postB then", qs.stringify(response))
            resolve(response)
        }).catch(err => {
            console.log("postB catch", qs.stringify(err))
            reject(err)
        }).finally(() => {
            console.log("postB finally")
        })
    })
}```