http.post - 获取响应数据

Question

我正在尝试做一个简单的http.post 调用，然后console.log 数据。我想使用最新的编码技术，所以我尝试用 rxjs 来做这件事，因为它看起来功能强大、高效，并且有望面向未来。

我以前使用过.subscribe，但在所有angular 文档中都没有订阅，所以这让我相信它是一种较旧的方法并且它不是最好的。

我尝试了很多代码，下面是一些sn-ps：

import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { catchError, retry, tap, map } from 'rxjs/operators';
import { of } from 'rxjs';


readonly GCF_newReq_URL = 'https://us-eastern.my-app.cloudfunctions.net/newRequest';


async submitHandler(formDirective: FormGroupDirective) {

    this.loading = true;
    const formValue = this.reqForm.value;

    this.http.post(this.GCF_newReq_URL, formValue)
        .pipe(
            tap(res => console.log(res)),
            retry(3),
            catchError(err => {
                console.log(err)
                return of(err);
            }),
            map(res => console.log(res))
        )
        .subscribe(res => {
            console.log(res);
        });

}

我试过map、tap、事件.subscribe，但我什么也说不出来，它只是说：message: "Http failure during parsing for https://us-eastern.my-app.cloudfunctions.net/newRequest"

这应该很简单，我一定是把它复杂化了，但是我找不到任何像样的文档。

编辑，添加云功能代码

import * as functions from 'firebase-functions';
const cors = require('cors')({ origin: true });

import * as admin from 'firebase-admin';
admin.initializeApp();


export const newRequest = functions.https.onRequest((request, response) => {

    return cors(request, response, () => {
        const data = request;

        if (!data) {
            response.status(400).send('ERROR you must supply data');
        }

        response.status(200).send("Hello from Firebase!");
    });

});

Answer 1

首先，尝试定义您希望返回的数据类型：

this.http.post<any>(url, {}).subscribe((data) => { console.log(data); }, (error) => { console.error(error); });

您可以定义一个与您期望的数据匹配的接口，而不是any。

我相信 pipe() 来自较旧的 Angular 版本（我不确定），但只需使用 subsribe() 函数作为 post 方法返回一个 rxjs Observable<>()

第二，你确定URL返回数据吗？我知道“标准”REST post 端点应该返回创建的对象，但这不是必需的。