axios 发送uilts工具类
时间: 2023-07-25 22:50:52 浏览: 60
以下是一个使用 Axios 发送请求的工具类示例:
```javascript
import axios from 'axios';
// 创建一个 Axios 实例
const instance = axios.create({
baseURL: 'http://api.example.com',
timeout: 10000, // 请求超时时间
headers: {
'Content-Type': 'application/json'
}
});
// 定义一个请求方法
export function request(method, url, data) {
return instance({
method: method,
url: url,
data: data
});
}
// GET 请求方法
export function get(url, params) {
return request('get', url, { params: params });
}
// POST 请求方法
export function post(url, data) {
return request('post', url, data);
}
```
在上面的示例中,我们创建了一个 Axios 实例,并定义了一个请求方法和两个常用的请求方法(GET 和 POST)。我们可以在需要发送请求的地方引入这个工具类,然后使用其中定义的方法发送请求。例如:
```javascript
import { get, post } from './axios-utils';
// GET 请求示例
get('/users', { page: 1 }).then(response => {
console.log(response.data);
}).catch(error => {
console.log(error);
});
// POST 请求示例
post('/login', { username: 'admin', password: '123456' }).then(response => {
console.log(response.data);
}).catch(error => {
console.log(error);
});
```