vue axios登录请求拦截器
发布时间：2020-12-17 02:28:40 所属栏目：百科 来源：网络整理
导读：当我们在做接口请求时，比如判断登录超时时候，通常是接口返回一个特定的错误码，那如果我们每个接口都去判断一个耗时耗力，这个时候我们可以用拦截器去进行统一的http请求拦截。 1.安装配置axios cnpm install --save axios 我们可以建一个js文件来做这个统
|
当我们在做接口请求时，比如判断登录超时时候，通常是接口返回一个特定的错误码，那如果我们每个接口都去判断一个耗时耗力，这个时候我们可以用拦截器去进行统一的http请求拦截。 1.安装配置axios
我们可以建一个js文件来做这个统一的处理，新建一个axios.js，如下 {
Indicator.open()
return config;
},err => {
Indicator.close()
return Promise.reject(err);
});
// http response 拦截器
axios.interceptors.response.use(
response => {
Indicator.close()
return response;
},error => {
Indicator.close()
});
export default axios
然后在main.js中引入这个js文件 这样就可以使用axios去请求了，在组件中可以用this.axios去调用 只有用axios请求接口，才能去拦截，现在已经能在axios.js中拦截到了，可以在两个状态中做你需要的操作 补充：axios使用拦截器统一处理所有的http请求axios使用拦截器在请求或响应被 then 或 catch 处理前拦截它们。 •http request拦截器•http respones拦截器•移除拦截器•为自定义axios实例添加拦截器总结以上所述是小编给大家介绍的vue axios登录请求拦截器。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |