我的 Firebase 上的数据未显示在我的网站上

Question

我正在创建一个博客网站，Firebase 上的数据（图像、标题和日期）未显示在我的网站上。

let blogId = decodeURI(location.pathname.split("/").pop());

   // Define an async function to get the document
    async function getBlogData() {
       try {
           // Create a reference to the document
           const docRef = doc(db, "blogs", blogId);

           // Fetch the document data
           const docSnap = await getDoc(docRef);

           if (docSnap.exists()) {
            setupBlog(doc.data());
           } else {
               // Redirect to the homepage if the document doesn't exist
               location.replace("/");
           }
       } catch (error) {
           console.error("Error fetching document:", error);
       }
   }

   const setupBlog = (data) => {
    const banner = document.querySelector('.banner');
    const blogTitle = document.querySelector('.title');
    const titleTag = document.querySelector('.title');
    const publish = document.querySelector('.published');

    banner.style.backgroundImage = `url(${data.bannerImage})`;

    titleTag.innerHTML += blogTitle.innerHTML = data.title;
    publish.innerHTML += data.publishedAt;
   }

我尝试询问 ChatGPT，但它提供的代码不适用于您的文本。

Answer 1

您是否在代码中添加了 firebase 配置部分 如果没有添加，请按如下所示添加。您可以直接从 firebase 中的项目概述中复制该内容。

´´´´ 常量 firebaseConfig = { apiKey: "你的 api 密钥", authDomain：“您的身份验证域”， 数据库URL：“您的数据库URL”， 项目 ID：“您的项目 ID”， storageBucket：“您的存储桶”， messagesSenderId: "您的消息发送者 ID", appId: "你的应用程序 ID", 测量 ID：“您的测量 ID” ´´´´