vue-resource 返回html,vue+vue-resource post请求

1.目录结构

2.learnVue.html

learnVue

输入的值：{{ name }}

提交

返回的值：{{ result }}

3.learnVue.js

var app = new Vue({

el: '#app',

data: {

name:'xu',

result:'',

apiUrl: 'http://127.0.0.1:8889/POST/submitInfo'

},

methods: {

submitInfo: function () {

var vm = this;

var data = {};

var name = vm.name;

data.name = name;

data = JSON.stringify(data);

vm.$http.post(vm.apiUrl, data)

.then((response) => {

vm.result = response.body;

});

}

}

})

4.learnVue.js(nodejs)

exports.learnVue = (function () {

var learnVue = {

submitInfo: function (app) {

app.post('/POST/submitInfo', function (req, res) {

console.log('name:' + req.body.name);

res.send(req.body.name);

});

}

};

return learnVue;

}());

5.运行结果