vue项目中,封装请求拦截和响应拦截

·  阅读 99
新建http.js文件,内容如下:

import axios from 'axios';
import router from './router'
// 请求拦截
axios.interceptors.request.use(config=>{    
    if(localStorage.getItem('wxToken')){        
        config.headers.Authorization = localStorage.getItem('wxToken')    
    }    
    return config;
},error=>{    
    return Promise.reject(error)
})
// 响应拦截
axios.interceptors.response.use(response=>{    
    return response;
},error=>{    
    // 错误提醒    
    const {statue} = error.response;    
    if(status == 401){        
        alert('token过期,请重新登录')        
        localStorage.removeItem('wxToken');        
        router.push('/login');    
}else{        
    alert(err.response.data);    
}    
return Promise.reject(error);});export default axios;复制代码


更多内容,欢迎访问博客:blog.csdn.net/Miss_liangr…


分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改