node.js - Angular 7/Express - POST 请求上的空响应正文

Question

我正在尝试获取/读取 Angular 7 中发出的 POST 请求的响应，如果我将 API 设置为返回“文本”，则一切正常，但是当我将响应设为 JSON 时，Angular 上的响应正文为空。

如果我在 Postman 上尝试该 API，我会得到完整的响应 JSON 正文。

我尝试更改 Express API 上的响应方法(从简单的 res.json() 到声明 Content-Type 并使用 res.end() 发送的“旧”方式)，但没有任何改变。

我在后端使用的响应代码:

res.status(200).json({
    success: true,
    token: token
})

我也尝试过:

res.writeHead(200, { 'Content-Type': 'application/json' })
var json = JSON.stringify({
    success: true,
    token: token
})
res.end(json)

我在 Angular 上使用的服务:

login(username: string, password: string): Observable<any> {
    let body = {username: username, password: password};
    let headers = new HttpHeaders(); 
    headers.set('Content-Type', 'application/json');

    return this.http.post(this.baseUrl + "/login/sign-in", body, {headers: headers, responseType: 'json', observe: 'response'});
  }

对该服务的调用:

this.api.login("admin", "password").subscribe(result => {
    console.log(result);
})

在 Postman 上我得到这个结果:

在 Angular 上我得到这个(JSON):

在 Angular 上我得到这个(文本):

编辑:

如果我在 Express 应用程序的 JSON 之前添加任何内容，则正文不再为空:

res.writeHead(200, { 'Content-Type': 'application/json' })
    var json = JSON.stringify({
    success: true,
    token: token
})
res.end('some_char' + json)

结果(当然响应出错了):

编辑2:

我也在尝试(没有运气)这个简单版本的端点:

const express = require('express')

const app = express()

app.post('/login/sign-in', (req, res) => res.json({ value: 1 }))

app.listen(3000, () => {
    console.log('App running on port 3000.')
})

解决方案:

这都是 CORS 问题，我将其添加到后端，一切正常:

app.use(cors())

Answer 1

花了几分钟试图找出为什么正文会是空的，

就我而言，我在 fetch() 选项中设置了“mode”:“no-cors”，因此服务器返回的值将显示为“不透明”

redux fetch body is not use with no cors mode

我希望这能有所帮助!