前端使用axios发送请求响应码422,使用async await发送请求 如何获取response中的数据
时间: 2024-05-16 16:16:09 浏览: 79
Vue.js使用axios动态获取response里的data数据操作
响应码422表示请求格式正确,但是服务器无法处理请求。具体原因需要查看服务器返回的错误信息,一般会在响应的数据中给出。如果是使用axios发送请求,可以在catch块中获取response对象,然后使用response.data获取返回的数据。
示例代码如下:
```javascript
import axios from 'axios';
axios.post('/api/some-url', {data: 'some data'})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error.response.data);
});
```
如果是使用async/await发送请求,可以通过try/catch语句捕获异常,并在catch块中获取response对象,然后使用response.data获取返回的数据。
示例代码如下:
```javascript
import axios from 'axios';
async function fetchData() {
try {
const response = await axios.post('/api/some-url', {data: 'some data'});
console.log(response.data);
} catch (error) {
console.log(error.response.data);
}
}
fetchData();
```
阅读全文