vue.js - Vue数据传送问题

问题描述

问 题

---

在使用Vue.js构建一个数据后用Vue-resource使用post方法传送出去。结果数据却从一个对象里对象的数组变成了对象里的数组。

这是在Vue-devtools看到的数据原型。

save: function () {
    var quesData=this.quesData;
     var quesDataNow={
         time:Date(),
         data:quesData
     }
    quesDataNow = JSON.stringify(quesDataNow);
    this.$http.post('/ques', quesDataNow).then(function(res) {
        if(res.body==1) alert("OK");
        else alert(res);
        });
     }

这里用Save方法获取了原型的Data里的数据然后发送到express端。

可是打印出来的时候却从对象变成了数组。并且req.body.data值为undefind

解决方案

option 請加上 emulateJSON: true，送出的請求 header 才會是 application/x-www-form-urlencoded，這樣 body-parser 就不會當成表單解析了。

this.$http.post('/ques', quesDataNow, { emulateJSON: true }).then(function(res) {
    if(res.body==1) alert("OK");
        else alert(res);
    });
 }

// 假設情況
app.post('/', function(request, response){
  console.log(request.body); // <-- json
});

这篇关于vue.js - Vue数据传送问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！