vue中如何发送post请求
时间: 2023-09-26 19:11:44 浏览: 174
vue发送websocket请求和http post请求的实例代码
5星 · 资源好评率100%
在Vue中发送POST请求,可以使用axios或者vue-resource两个库。
使用axios:
1. 安装axios库:npm install axios --save
2. 在Vue组件中引入axios:import axios from 'axios';
3. 发送POST请求:
```
axios.post('/api/login', {
username: this.username,
password: this.password
}).then(response => {
// 请求成功后的处理
}).catch(error => {
// 请求失败后的处理
});
```
使用vue-resource:
1. 安装vue-resource库:npm install vue-resource --save
2. 在Vue组件中引入vue-resource:import VueResource from 'vue-resource';
3. 使用VueResource插件:Vue.use(VueResource);
4. 发送POST请求:
```
this.$http.post('/api/login', {
username: this.username,
password: this.password
}).then(response => {
// 请求成功后的处理
}).catch(error => {
// 请求失败后的处理
});
```
以上两种方法都是发送POST请求,只是使用的库不同。具体选择哪种方法,可以根据自己的需求和喜好来决定。
阅读全文