封装axios

Raite31

已于 2023-08-19 17:53:14 修改

阅读量27

点赞数

分类专栏：一周总结文章标签： vue.js

于 2023-08-19 17:52:59 首次发布

本文链接：https://blog.csdn.net/weixin_44696269/article/details/132382477

版权

一周总结专栏收录该内容

19 篇文章 0 订阅

订阅专栏

// ============================= request.js

import axios from 'axios'; // 引入axios
import router from '../router';
//element-ui 的loging，和信息提示
import { Loading, Message } from 'element-ui';

// 创建axios实例
const service = axios.create({
	baseURL: 'front/api',
	timeout: 3000,
	withCredentials: false,
});

service.defaults.headers.post['Content-Type'] =
	'application/x-www-form-urlencoded';

// 响应拦截器
service.interceptors.response.use(
	(res) => {
		if (res.status == 200 && res.data.code == 200) {
			Message.success({ message: res.data.msg, duration: 500 });
			return res.data;
			console.log('1111');
		} else if (res.status == 200 && res.data.code == 401) {
			Message.error({ message: res.data.msg, duration: 500 });
			// 跳转到登录页
			routers.replace('/');
		} else {
			Message.error({ message: res.data.msg, duration: 500 });
		}
	},
	(error) => {
		if (error.response.status == 500) {
			Message.error({ message: '服务器错误' });
		} else if (error.response.status == 404) {
			Message.error({ message: '页面走丢了……' });
		} else if (error.response.status == 401) {
			Message.error({ message: '权限不足，无法访问' });
		} else {
			Message.error({ message: '未知异常，无法访问' });
		}
	}
);

//最后导出实例
export default service;