学习记录——axios的拦截器

axios的拦截器

axios的拦截器有2种，请求拦截和响应拦截。

请求拦截

请求拦截又分为请求成功拦截和请求失败拦截。
基本用法：

	//请求拦截器,两个参数(请求成功, 请求失败)
	// 注意：拦截掉之后要将config给返回出去才能完成请求
    axios.interceptors.request.use(config => {
        console.log(config);
        return config;
    }, err => {
        console.log(err);
    })

请求拦截的作用：

1.config中的一些信息不符合服务器要求，要改变一些内容，比如headers
2.在每次请求发送时添加一个动画或者图标，增加用户体验
3.某些网络请求必须携带某些特殊标识，比如要求用户必须登录(token)

响应拦截

响应拦截也分为成功拦截和失败拦截。
基本用法：

    // 响应拦截器，两个参数(响应成功, 响应失败)
    instance.interceptors.response.use(result => {
        console.log(result);
        return result.data;
    }, err => {
        console.log(err);
    })

响应拦截的作用：

我们一般是需要用到返回来的data的内容，所以可以用响应拦截做一个过滤，只返回其中的data。