vue中的axios拦截器
请求拦截器
axios的拦截器是一个非常实用的东西。分为请求拦截器和响应拦截器两种。一般把拦截器写在main.js中
axios.interceptors.request.use(function(config){ //在发送请求之前要做的事,例如加token ~~~ return config },function(err){ //对请求错误做些什么 return Promise.reject(err) })
响应拦截器
axios.interceptors.response.use(function(res){ //在接受响应要做的事,例如跳转到登陆页面 ~~~ return res },function(err){ //对请求错误做些什么 return Promise.reject(err) })
移除拦截器
var myInterceptor = axios.interceptors.request.use(function () {/*...*/}); axios.interceptors.request.eject(myInterceptor);
为axios实例添加拦截器
var instance = axios.create(); instance.interceptors.request.use(function () {/*...*/});