javascript - Angular 4和Nodejs http post请求实现错误

Question

我使用 Angular 4 和 Nodejs 创建了小型测试应用程序。我想将文本字段值插入到数据库 Mongo 或 mysql。
我创建了用于运行 nodejs 的以下文件 server.js，使用另一个文件 api.js 创建了 server>router 文件夹并创建了 Angular 4用户组件。我所做的代码如下所示

user.component.html

<form (submit)="addHobby(hobbies,hobby.value)">
  <input type="text" #hobby>
  <input type="submit" value="Submit">
</form>

user.component.ts

addHobby(arrHob,hobby) {
    if(arrHob.indexOf(hobby) == -1) {
      this.hobbies.unshift(hobby);
      this.dataService.postHobby(hobby).subscribe((posts) => {
        console.log(posts);
      })
    }
    return false;
  }

服务文件夹包含data.service.ts

postHobby(hobby) {
    return this.http.post('/api/insertHobby',hobby).map(res => res.json().data);
  }

服务器路由器文件夹包含api.js

router.post('/insertHobby', (req, res) => {
    console.log("Welcome to post method");
    console.log(req.body.data);
})

提交表单时，我得到的输出仅是欢迎使用 post 方法

req.body.data 我收到 *'Undefined'* 如何解决此问题。不管怎样谢谢大家..

Answer 1

由于您没有将变量作为对象传递，因此需要以对象格式传递它，如下所示:

postHobby(hobby) {
return this.http.post('/api/insertHobby',{hobby: hobby}).map(res => res.json().data);
}