Axios是一个基于Promise的HTTP客户端，它可以用来发送Ajax请求。它可以帮助我们更加方便地处理HTTP请求，但是如果多个地方都需要使用Axios，那么就需要进行二次封装，这样可以提高代码的可读性和可维护性。下面我们就来看看如何进行Axios的二次封装。
我们需要定义一个Axios实例，这个实例用来发送HTTP请求。我们可以使用Axios.create()方法来创建一个Axios实例：
const axiosInstance = axios.create({
baseURL: 'http://www.example.com',
timeout: 00
});
这里我们定义了一个Axios实例，其中baseURL指定了默认的请求地址，timeout指定了超时时间。
我们需要定义请求拦截器，用来在发送请求之前对请求进行处理。我们可以使用Axios实例的interceptors.request属性来定义请求拦截器：
axiosInstance.interceptors.request.use(config => {
// 在发送请求之前做些什么
return config;
}, error => {
// 对请求错误做些什么
return Promise.reject(error);
});
在这里，我们可以在发送请求之前对请求参数进行处理，比如添加token，或者设置请求头等。
我们还需要定义响应拦截器，用来在接收到响应之后对响应进行处理。我们可以使用Axios实例的interceptors.response属性来定义响应拦截器：
axiosInstance.interceptors.response.use(response => {
// 对响应数据做点什么
return response;
}, error => {
// 对响应错误做点什么
return Promise.reject(error);
});
在这里，我们可以对响应数据进行处理，比如对响应状态码进行判断，或者对响应数据进行筛选等。
我们可以定义请求方法，用来发送HTTP请求。我们可以使用Axios实例的request()方法来发送请求：
const request = (url, params) => {
return axiosInstance.request({
url,
params
});
}
这里我们定义了一个request()方法，用来发送HTTP请求。我们可以在参数中传入请求地址和请求参数，使用Axios实例的request()方法来发送请求。
我们已经完成了Axios的二次封装，我们就可以使用它来发送HTTP请求了。比如我们要发送一个GET请求，可以这样来使用：
request('/user', {
params: {
id: 1
}
}).then(res => {
// 处理响应数据
}).catch(err => {
// 处理错误
});
在这里，我们使用request()方法来发送一个GET请求，请求地址为/user，请求参数为{id: 1}。我们可以在then()方法中处理响应数据，在catch()方法中处理错误。
通过Axios二次封装，我们可以更加方便地发送HTTP请求，使得我们的代码更加简洁，更加易读。同时，我们还可以在请求拦截器和响应拦截器中处理请求和响应，
本文链接：http://task.lmcjl.com/news/12528.html