axios 封装为带参数的
时间: 2023-08-20 09:08:03 浏览: 99
axios封装与传参示例详解
可以将 axios 封装为带参数的函数,示例如下:
```javascript
import axios from 'axios';
const BASE_URL = 'https://api.example.com';
const request = axios.create({
baseURL: BASE_URL,
headers: {
'Content-Type': 'application/json',
},
});
export const fetchData = (url, params) => {
return request.get(url, { params });
};
export const postData = (url, data) => {
return request.post(url, data);
};
// 调用示例
fetchData('/users', { page: 1, limit: 10 })
.then(response => console.log(response.data))
.catch(error => console.error(error));
postData('/users', { name: 'John', age: 30 })
.then(response => console.log(response.data))
.catch(error => console.error(error));
```
在这个示例中,我们通过 `axios.create()` 创建了一个 axios 实例,并设置了基础 URL 和默认请求头。然后,我们封装了两个函数 `fetchData()` 和 `postData()` 用于发送 GET 和 POST 请求,分别接受 URL 和参数对象或数据对象作为参数。在这两个函数中,我们分别使用了 axios 实例的 `get()` 和 `post()` 方法,并传递了对应的参数。最后,我们通过导出这两个函数,以便在其他地方使用。
阅读全文