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

Question

我正在努力让 Firebase Cloud Messaging 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 控制台中，密钥对旁边会出现一个复制按钮。当单击它并粘贴时......它会在密钥对的末尾添加一个随机空格。