根据接口文档的要求,使用 Axios 发送各种请求(增删改查)并正确携带参数。下面是一些示例代码,展示了如何使用 Axios 发送不同类型的请求并传递参数:
- GET 请求:
import axios from 'axios';
axios.get('/api/users', {
params: {
id: 1,
name: 'John'
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在这个示例中,我们使用 get 方法发送了一个 GET 请求到 /api/users 路径,并通过 params 参数传递了查询参数。
- POST 请求:
import axios from 'axios';
axios.post('/api/users', {
name: 'John',
age: 25
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在这个示例中,我们使用 post 方法发送了一个 POST 请求到 /api/users 路径,并通过第二个参数传递了请求体数据。
- PUT 请求:
import axios from 'axios';
axios.put('/api/users/1', {
name: 'John Doe',
age: 26
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在这个示例中,我们使用 put 方法发送了一个 PUT 请求到 /api/users/1 路径,并通过第二个参数传递了要更新的数据。
- DELETE 请求:
import axios from 'axios';
axios.delete('/api/users/1')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在这个示例中,我们使用 delete 方法发送了一个 DELETE 请求到 /api/users/1 路径,删除了 ID 为 1 的用户。
以上示例演示了如何使用 Axios 发送各种请求并传递参数。根据接口文档的具体要求,可以适当调整代码以满足需求。确保根据接口文档中指定的参数格式和位置传递参数,并根据需要处理响应数据和错误。