Axios 是一个基于 promise 的 HTTP 库,能够用在浏览器和 node.js 中。不少状况咱们要对请求和其响应进行特定的处理;若是请求数很是多,单独对每个请求进行处理会变得很是麻烦。好在强大的axios为开发者提供了这样一个API:拦截器。拦截器分为 请求(request)拦截器和 响应(response)拦截器。
安装 axios,qs
npm install axios –save-dev
复制代码
安装 qs
npm install qs –save-dev
复制代码
请求拦截器
import axios from "axios";
import qs from "qs";
const serve = axios.create({
baseURL: process.env.BASE_URL,
timeout: 5000
});
serve.interceptors.request.use(config => {
config.method === 'post'
? config.data = qs.stringify({...config.data})
: config.params = {...config.params};
config.headers['Content-Type'] = 'application/x-www-form-urlencoded';
return config;
}, error => {
Promise.reject(error)
}
);
复制代码
响应拦截器
serve.interceptors.response.use(
response => {
if (response.data.result === 'TRUE') {
return response.data;
} else {
console.error(response.data.data.msg)
}
},
error => {
console.error(error);
console.error(JSON.stringify(error));
let text = JSON.parse(JSON.stringify(error)).response.status === 404
? '404'
: '网络异常,请重试';
alert(text)
return Promise.reject(error)
}
)
复制代码