用Axios写一个发送请求和处理响应的例子
时间: 2023-03-19 11:21:58 浏览: 108
好的,以下是使用Axios发送请求和处理响应的示例代码:
```javascript
// 导入Axios库
import axios from 'axios';
// 发送GET请求并处理响应
axios.get('https://jsonplaceholder.typicode.com/posts')
.then((response) => {
// 处理响应数据
console.log(response.data);
})
.catch((error) => {
// 处理请求错误
console.error(error);
});
// 发送POST请求并处理响应
axios.post('https://jsonplaceholder.typicode.com/posts', {
title: 'foo',
body: 'bar',
userId: 1
})
.then((response) => {
// 处理响应数据
console.log(response.data);
})
.catch((error) => {
// 处理请求错误
console.error(error);
});
```
这里的示例代码使用了Axios库来发送GET和POST请求,并使用了Promise的.then()方法和.catch()方法来处理请求的响应和错误。在GET请求中,我们打印了响应数据,而在POST请求中,我们打印了返回的数据。如果请求出现错误,我们将错误信息打印到控制台上。
阅读全文