axios 拦截错误

/**axios封装
 * 请求拦截、相应拦截、错误统一处理
 */
import axios from 'axios'
import { MessageBox } from 'element-ui'

import 'core-js';
import promiseFinally from 'core-js/features/promise/finally';
if(!window.Promise.prototype['finally']){
    window.Promise.prototype['finally'] = promiseFinally;
}

const axiosService = axios.create({
	baseURL: '/api/manage', 			// url = base url + request url
	headers: {
		'Cache-Control': 'no-cache, no-store',
		'Pragma': 'no-cache'
    },
	timeout: 6 * 60 * 1000		// 超时时间
})

// request interceptor
axiosService.interceptors.request.use(
	config => {
		const separator = config.url.indexOf('?') === -1 ? '?' : '&';
		config.url =  config.url + separator +"noCache="+new Date().getTime();//防止浏览器缓存
		return config
	},
	error => {
		return Promise.reject(error)
	}
);


let messageInstance = null;
const resetMessage = (params) => {
    if(messageInstance) {
        if(messageInstance.close) messageInstance.close()
    }
    messageInstance = MessageBox({
		title: params.title,
		type: params.type,
		message: params.message,
		confirmButtonText: '确定',
		callback: () => {
			if(params.callback){
				console.log(params);
				params.callback()
			}
		}
	})
}

// response
axiosService.interceptors.response.use(
	response => {
		const data = response.data					
		if(data.code == 410){	//未登录,跳转登录页
			resetMessage({
				title:'登录超时',
				type:'warning',
				message: data.msg,
				callback: () => {
					window.history.pushState({},'','/login');
				}
			})
            return data;
		} else if(data.code == 401){		//无权限
			window.history.pushState({},'','/401');
            return data;
		} else if(data.code !== 200){
			resetMessage({
				title:'错误',
				type:'error',
				message: data.msg,
				callback: () => {

				}				
			})						
			return Promise.reject(new Error(data.msg))
		} else {				
            return data;
		}
	},
	error => {
		resetMessage({
			title:'错误',
			type:'error',
			message: error.message,
			callback: () => {
				// window.history.pushState({},'','/login');
			}
		})
		return Promise.reject(error);
	}
)


const axiosPromiseFinally = require('promise.prototype.finally');
axiosPromiseFinally.shim();

export default axiosService
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值