axios请求拦截器错误_详解vue axios登录请求拦截器

vue axios登录请求拦截器

当我们在做接口请求时，比如判断登录超时时候，通常是接口返回一个特定的错误码，那如果我们每个接口都去判断一个耗时耗力，这个时候我们可以用拦截器去进行统一的http请求拦截。

1.安装配置axios

cnpm install --save axios

我们可以建一个js文件来做这个统一的处理，新建一个axios.js，如下

import axios from 'axios'

import { Indicator } from 'mint-ui';

import { Toast } from 'mint-ui';

// http request 拦截器

axios.interceptors.request.use(

config => {

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