Firebase 云消息传递：请求缺少必需的身份验证凭据

Question

我正在努力让 Firebase 云消息传递 sdk 与 Nuxt JS 一起工作

我不断收到“检索令牌时发生错误。FirebaseError：消息传递：为用户订阅 FCM 时发生问题：请求缺少必需的身份验证凭据。需要 OAuth 2 访问令牌、登录 cookie 或其他有效的身份验证凭据."

这是我在 fcm.js 中的代码，我运行作为 nuxt.config.js

中的插件

import firebase from "../firebase/init";

firebase
  .messaging()
  .usePublicVapidKey(
    "BDYE2EYHdIp8qHjTKcJYPvO4PgaAH2pSruP55FOtNs5jWsgdeg7YK6OgJ0daSu21kN7aSzU19NRXRqC4bfITZYQ "
  );

firebase
  .messaging()
  .getToken()
  .then((currentToken) => {
    console.log(currentToken);
    if (currentToken) {
      sendTokenToServer(currentToken);
      updateUIForPushEnabled(currentToken);
    } else {
      // Show permission request.
      console.log(
        "No Instance ID token available. Request permission to generate one."
      );
      // Show permission UI.
      updateUIForPushPermissionRequired();
      setTokenSentToServer(false);
    }
  })
  .catch((err) => {
    console.log("An error occurred while retrieving token. ", err);
    showToken("Error retrieving Instance ID token. ", err);
    setTokenSentToServer(false);
  });

同时，如果您想知道用户是否通过身份验证。用户肯定已通过身份验证，因为我能够访问我保护的页面中的 firestore 数据和访问路由，并且我可以在我的 vuex 存储中看到 UID 详细信息。所以那边没有问题。我也试过删除 usePublicVapidKey() 行，但它也不起作用。

谢谢。

Answer 1

找到问题

firebase
  .messaging()
  .usePublicVapidKey(
    "BDYE2EYHdIp8qHjTKcJYPvO4PgaAH2pSruP55FOtNs5jWsgdeg7YK6OgJ0daSu21kN7aSzU19NRXRqC4bfITZYQ "
  );

在 firebase 控制台中，密钥对旁边会出现一个复制按钮。单击并粘贴时....它会在密钥对的末尾添加一个随机 space。

Firebase 云消息传递：请求缺少必需的身份验证凭据

Firebase Cloud Messaging : Request is missing required Authentication Credentials

javascript

vue.js

firebase-cloud-messaging

nuxt.js