vue框架 post请求传递多种类型参数
时间: 2023-11-20 16:59:44 浏览: 976
在Vue框架中,可以通过设置post方法的第三个参数来传递多种类型的参数。具体方法如下:
1. 传递普通表单数据格式的参数
```javascript
this.$http.post('http://vue.studyit.io/api/post', {key1: value1, key2: value2}, { emulateJSON: true }).then(result => { console.log(result.body); });
```
2. 传递JSON格式的参数
```javascript
this.$http.post('http://vue.studyit.io/api/post', {key1: value1, key2: value2}, { headers: { 'Content-Type': 'application/json' } }).then(result => { console.log(result.body); });
```
3. 传递文件类型的参数
```javascript
let formData = new FormData();
formData.append('file', file);
this.$http.post('http://vue.studyit.io/api/post', formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(result => { console.log(result.body); });
```
注意:在传递文件类型的参数时,需要使用FormData对象来构造参数,并将Content-Type设置为multipart/form-data。
阅读全文