HTTPCLIENT Angular Post因Google FCM服务器而失败，如何修复？

Question

我能够使用Postman成功地通过帖子和HTTP V1 Firebase API发送FCM消息到我的应用程序，但是当我在Angular httprequest中使用同一帖子时，它会失败：

​

import { Injectable } from '@angular/core';
import { HttpClient , HttpResponse, HttpHeaders} from '@angular/common/http';
import { Observable } from 'rxjs';
import { map } from "rxjs/operators";

​

sendFCMMessage(accessToken : string, data: object) {
console.log('sendFCMMessage');
console.log(accessToken);
console.log(data);

const authString : string = 'Bearer '+ accessToken;
console.log(authString);
const url = 'https://fcm.googleapis.com/v1/projects/***-notifications/messages:send';
const httpOptions = { headers: new HttpHeaders({
  'Content-Type':  'application/json',
  'Authorization': authString
})};

const body =
    {
    "message":{
  "token":"wwrwjeriwe8***",
  "notification":{
    "body":"The Knicks are winning!",
    "title":"Sports App"
    }
   }
};

return this.http.post(url,body,httpOptions).pipe(map(res => res));
}

​然后订阅响应并获得上面粘贴的错误。有人知道为什么我会遇到此错误以及如何解决吗？我能够使用相同的确切发布URL，车身和标头完美地在Postman中完美发送FCM消息。

谢谢

Answer 1

HTTP响应状态代码401是指未经授权，因此您的请求中似乎不存在您的携带者令牌标头。

    return this.http.post<any>(
      url,
      {
        message: {
          token: 'wwrwjeriwe8***',
          notification: {
            body: 'The Knicks are winning!',
            title: 'Sports App',
          },
        },
      },
      {
        headers: {
          'Content-Type': 'application/json',
          'Authorization': authString,
        },
      }
    );