将数据从 Angular 发送到 Express 的问题

Question

我正在尝试将数据从 Angular 发布到 Express.js

这是我连接到按钮的函数（TypeScript）：

  upload(): void {
    const nameFromId = document.getElementById('taskName') as HTMLInputElement;
    this.taskName = nameFromId.value;

    const testData = [
      {
        task: this.taskName,
        selectedType: this.selectedType,
        selectedSubject: this.selectedSubject
      }
    ];
    const body = JSON.stringify(testData);
    this.http.post('/api/upload', body)
      .subscribe();

“body”不为空

这是快递：

const express = require('express');
const path = require('path');
const app = express();
const port = 8080;
const bodyParser = require('body-parser');


app.use(bodyParser.urlencoded({
  extended: true
}));


app.post('/api/upload', (req, res) => {
  let task = req.body.task;
  let selectedType = req.body.selectedType;
  let selectedSubject = req.body.selectedSubject;

  console.log("task: " + task);
  console.log("type: " + selectedType);
  console.log("subject: " + selectedSubject);
  console.log("server: " + req.body);
  res.end("yes");
})

app.use(express.static(__dirname + '/dist/al'));

app.get('/*', function (req, res) {

  res.sendFile(path.join(__dirname + '/dist/al/index.html'));
});

app.listen(process.env.PORT || port);

这是我得到的一个错误：

mistake from console

如果我从 Angular 为我的“发布方法”添加额外选项并编写如下内容：

this.http.post('/api/upload', body, {responseType: 'text'})
      .subscribe();

加上responseType: 'text'这个错误已经不存在了，但是当涉及到console.log的所有数据，我贴出来的表达，undefined：

Express console.log

我做错了什么？

Answer 1

您正在发送一个字符串作为 http 请求正文。 不要使用 JSON.stringify，尝试按原样发​​送对象。

const testData = [
      {
        task: this.taskName,
        selectedType: this.selectedType,
        selectedSubject: this.selectedSubject
      }
    ];

const httpOptions = {
    headers: new HttpHeaders({
        'Content-Type': 'application/json',
    })
}

this.http.post('/api/upload', testData, httpOptions)
  .subscribe();

将此行添加到服务器：

app.use(bodyParser.json());

最后：

const bodyParser = require('body-parser');    
app.use(bodyParser.urlencoded({
  extended: true
}));
app.use(bodyParser.json());