vue3的axios请求
时间: 2023-08-13 07:12:01 浏览: 98
vue3+TS+axios+route+element plus 可二次开发的模板,包括请求使用方法,完美封装 上手即用
5星 · 资源好评率100%
在Vue3中使用axios发送post请求时,可以通过以下步骤实现:
1. 首先需要安装axios,可以使用npm或yarn进行安装。
2. 在需要使用的组件中引入axios:
```
import axios from 'axios';
```
3. 使用axios发送post请求,可以使用以下代码:
```
axios.post(url, data, config).then(res => {
console.log(res.data);
}).catch(err => {
console.log(err);
});
```
其中,url为请求地址,data为请求参数,config为请求配置,可以指定请求头、超时时间等。
4. 在发送post请求时,需要注意后端接口的处理方式,一般需要在请求头中指定Content-Type为application/json,同时将data参数转换为字符串形式,例如:
```
axios.post(url, JSON.stringify(data), {
headers: {
'Content-Type': 'application/json'
}
}).then(res => {
console.log(res.data);
}).catch(err => {
console.log(err);
});
```
阅读全文