Question

我想使用javascript fetch将数据发布到Node.js后端。我在角度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>

Angular 2 side我将数据添加到数组目标中并从前端调用angular 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

如果您使用快递，则需要use body-parser中间件。如果您正在处理html5 FormData / multiplart formdata，则需要multer。

Node.js后端接收javascript fetch

1 个答案: