如何将参数传递给Express post HTTP方法？

Question

我正在构建一个简单的REST API（使用PouchDB和Vue.js）。现在，我可以创造projects有几个领域：

server.js：

var express = require('express') 
var PouchDB = require('pouchdb') 
var app = express() 
var db = new PouchDB('vuedb') 

app.post('/projects/new', function(req, res) { 
    var data = { 
    'type': 'project', 
    'title': '', 
    'content': '', 
    'createdAt': new Date().toJSON() 
    } 
    db.post(data).then(function (result) { 
    // handle result 
    }) 
}) 

client.js：

// HTML 

<input type="text" class="form-control" v-model="title" placeholder="Enter title"> 
<input type="text" class="form-control" v-model="content" placeholder="Enter content"> 
<button class="btn btn-default" v-on:click="submit">Submit</button> 

// JS 

submit() { 
    this.$http.post('http://localhost:8080/projects/new').then(response => { 
    // handle response 
    }) 
} 

如何传递参数来设置title和content？在REST API中这样做的传统方式是什么？

Answer 1

在服务器端，您可以使用req.body访问POST请求中客户端发送的数据。

所以你server.js文件将是这样的：

var express = require('express') 
var PouchDB = require('pouchdb') 
var app = express() 
var db = new PouchDB('vuedb') 

app.post('/projects/new', function(req, res) { 
    var data = { 
    'type': 'project', 
    'title': req.body.title, 
    'content': req.body.content, 
    'createdAt': new Date().toJSON() 
    } 
    db.post(data).then(function (result) { 
    // handle result 
    }) 
}) 

在客户端，你必须有一个对象传递您的POST请求的身体的$http.post第二个参数。 client.js应该是这样的：

// HTML 

<input type="text" class="form-control" v-model="title" placeholder="Enter title"> 
<input type="text" class="form-control" v-model="content" placeholder="Enter content"> 
<button class="btn btn-default" v-on:click="submit">Submit</button> 

// JS 

submit() { 
    this.$http.post('http://localhost:8080/projects/new', { 
    title: 'Your title', 
    content: 'The content' 
    }).then(response => { 
    // handle response 
    }) 
}