Vue-axios拦截器的使用（五）

一.axios拦截器分为：

• request拦截器
• response拦截器

二.axios拦截器的作用：

• 比如config中的一些信息不符合服务器的要求
• 比如每次发送网络请求时，都希望在页面中显示请求一个图标
• 某些网络请求（比如登录(token)），必须携带一些特殊的信息

//reques.js
//axios拦截器
//request拦截器
//config客户端请求的参数 
instance.interceptors.request.use(config => {
	console.log(config);
	//当拦截完毕后一定要返回config，否则真正请求中找不到config
	return config;
	//当请求发送不出去的时候才执行err
},err => {
	console.log(err);
})
//response拦截器
//res代表的是服务器响应的结果
instance.interceptors.response.use(res => {
	console.log(res);
	return res.data
	//当请求发送不出去的时候才执行err
},err => {
	console.log(err);
})

//main.js

request({
  url:'/home/multidata'
)}.then(res => {
	console.log(res);
}).catch(err => {
	console.log(err);
})