在请求拦截器中全局加loading

最新推荐文章于 2024-03-20 10:13:24 发布

藕粉桂花糖糖糕

最新推荐文章于 2024-03-20 10:13:24 发布

阅读量524

点赞数 6

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/lixiaosalalala/article/details/135066994

版权

import axios from 'axios'
import { Toast } from 'vant'
import vue_config from '@vue_config'

export const instanceOne = axios.create({
    baseURL: vue_config.config_global.base_api + '/gw',
    axiosType: 'one',
})

let loading
function startLoading() {
    loading = Toast.loading({
        message: '加载中..',
        forbidClick: true
    })
}

function endLoading() {
    loading.clear()
}

const reject = (obj, type, msg) => Promise.reject(Object.assign(obj, (type ? { type, msg } : {})))

// 请求拦截器
instanceOne.interceptors.request.use(config => {
    startLoading()
    return config
}, error => {
    return reject(error)
})

// 响应拦截器
instanceOne.interceptors.response.use(response => {
    endLoading()
    return response.data
})