二次封装的axios怎么传参
时间: 2023-07-19 11:33:27 浏览: 174
axios进行二次封装
二次封装的 Axios 在传参方面与原生的 Axios 是类似的。具体来说,可以通过传递一个包含请求参数的对象来发送 HTTP 请求。下面是一个示例:
```
import axios from 'axios';
// 创建一个 Axios 实例
const instance = axios.create({
baseURL: 'http://localhost:3000',
timeout: 5000
});
// 封装一个 post 请求方法
export function post(url, data) {
return instance({
method: 'post',
url,
data
});
}
// 发送一个 post 请求
post('/api/user', {
id: 12345,
name: 'John'
}).then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});
```
在这个示例中,我们首先使用 axios.create() 方法创建了一个 Axios 实例 instance。这个实例包含了一些默认的配置,例如 baseURL 和 timeout。然后,我们封装了一个 post 请求方法,这个方法接收两个参数,一个是请求的 URL,另一个是请求的数据。
在封装的方法中,我们使用 instance() 方法来发送 HTTP 请求。这个方法接收一个对象作为参数,包含了 HTTP 请求的相关配置,例如请求的方法、请求的 URL 和请求的数据。在这个例子中,我们使用了 ES6 的语法,使用了对象的简写方式来传递这些配置项。
最后,我们通过调用 post() 方法来发送一个 HTTP POST 请求,并处理响应结果。在这个例子中,我们将请求的 URL 设置为 /api/user,请求的数据为 { id: 12345, name: 'John' }。
总之,在二次封装的 Axios 中,可以通过传递一个包含请求参数的对象来发送 HTTP 请求,并根据需要封装请求方法来简化请求的调用。
阅读全文