axios封裝请求示例
时间: 2023-03-31 10:01:47 浏览: 134
很高兴回答你的问题。以下是一个使用axios封装请求的示例:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://api.example.com',
timeout: 10000,
headers: {'X-Custom-Header': 'foobar'}
});
export default {
get: (url, params) => instance.get(url, {params}),
post: (url, data) => instance.post(url, data),
put: (url, data) => instance.put(url, data),
delete: (url) => instance.delete(url)
}
```
这个示例中,我们使用axios创建了一个实例,并设置了一些默认的配置,例如baseURL、timeout和headers。然后,我们导出了一个对象,包含了四个方法:get、post、put和delete,分别对应HTTP的四种请求方法。这些方法都接受两个参数:url和data/params,分别表示请求的URL和请求参数。我们可以在应用中使用这些方法来发送请求,例如:
```javascript
import http from './http';
http.get('/users', {page: 1, limit: 10})
.then(response => console.log(response.data))
.catch(error => console.error(error));
```
希望这个示例能够帮助你更好地使用axios封装请求。
阅读全文