移动端封装axios请求方法
时间: 2023-10-05 13:05:10 浏览: 53
在移动端封装axios请求方法,你可以按照以下步骤进行操作:
1. 首先,需要安装axios库。你可以使用npm或者yarn进行安装。
```shell
npm install axios
```
2. 创建一个`api.js`文件,用于封装所有的请求方法。
```javascript
import axios from 'axios';
// 创建一个axios实例
const instance = axios.create({
baseURL: 'http://api.example.com', // 设置请求的基础URL
timeout: 5000, // 请求超时时间
});
// 封装GET请求方法
export function get(url, params) {
return new Promise((resolve, reject) => {
instance
.get(url, { params })
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
// 封装POST请求方法
export function post(url, data) {
return new Promise((resolve, reject) => {
instance
.post(url, data)
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
// 其他请求方法的封装类似,比如PUT、DELETE等
```
3. 在需要使用请求的地方,引入`api.js`文件,并调用相应的请求方法。
```javascript
import { get, post } from './api';
// GET请求示例
get('/users', { id: 1 })
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
// POST请求示例
post('/users', { name: 'Alice' })
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
// 其他请求方法的调用类似,比如PUT、DELETE等
```
通过以上步骤,你就可以在移动端封装axios请求方法并使用了。你可以根据实际需求对这个封装进行扩展,比如添加请求拦截器、响应拦截器、错误处理等。