axios 封装增删改查用户api
时间: 2023-11-04 21:01:46 浏览: 84
axios和server之间的调用
这里提供一个基于axios的增删改查用户api的封装示例:
```javascript
import axios from 'axios';
const BASE_URL = 'https://example.com/api';
// 获取用户列表
export const getUsers = () => {
return axios.get(`${BASE_URL}/users`);
};
// 获取单个用户信息
export const getUser = (userId) => {
return axios.get(`${BASE_URL}/users/${userId}`);
};
// 创建用户
export const createUser = (userData) => {
return axios.post(`${BASE_URL}/users`, userData);
};
// 更新用户信息
export const updateUser = (userId, userData) => {
return axios.put(`${BASE_URL}/users/${userId}`, userData);
};
// 删除用户
export const deleteUser = (userId) => {
return axios.delete(`${BASE_URL}/users/${userId}`);
};
```
使用方法:
```javascript
import { getUsers, getUser, createUser, updateUser, deleteUser } from './userApi';
// 获取用户列表
getUsers()
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error);
});
// 获取单个用户信息
getUser('user123')
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error);
});
// 创建用户
const userData = { name: '张三', age: 30 };
createUser(userData)
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error);
});
// 更新用户信息
const updatedUserData = { name: '李四', age: 35 };
updateUser('user123', updatedUserData)
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error);
});
// 删除用户
deleteUser('user123')
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error);
});
```
阅读全文