Node.js后端接收JavaScript提取

Question

我想使用javascript提取將數據發布到Node.js后端。 我在angular 2函數的javascript端使用fetch。

在前端，我有一個將數據保存到數組的按鈕：

<input #data /><button (click)="addGoal(data.value)">Add</button>
<ul><li *ngFor="let goal of goals">{{goal}}</li></ul>

<br/><button (click)="saveData()">Save</button>

角度2的一面，我將數據添加到數組目標中，並從前端調用角度2的函數addGoal：

  export class AppComponent {
  title = 'Goals';
  goals = [];

  addGoal(goal:string) {
    this.goals.push(goal);

  }
  saveData() {
    fetch("http://localhost:3000/", {
      method: "POST",
      mode:"no-cors",
      body: {goals: this.goals},
    });
  }
}

我想獲取要后端的數據，以便以后將其保存到數據庫中。 Node.js端：

var data = {};
app.post('/',function (req,res) {
  data = req.body;
})
app.get('/', function (req, res) {

  res.send(data);
})

但是，這不是正確的解決方案。 你能幫助我嗎？

編輯： Body.fetch函數（ https://developer.mozilla.org/en-US/docs/Web/API/Body ）似乎不起作用。

Answer 1

如果您使用Express，則需要use body-parser中間件。 如果要處理html5 FormData / multiplart formdata，則需要multer 。