如何使用react-static和contentful处理导航

Question

我在应用程序中使用了react-static，并使用contentful来加载数据。我有一个ebooks数组，每个数组元素都有一个redirectUrl字段，该字段指向一个新页面(另一个称为pdf的数组的一部分)，其中包含该元素的pdf。ebooks数组中的每个元素都是一个页面，其中包含一个按钮，该按钮重定向到包含pdf数组中相应元素的redirectUrl。

if (resp.status === 200) {
      window.location.href = `/${
      eBook.fields.redirectUrl
   }`;

其中eBook是数组eBooks的元素。我像这样设置了static.config.js文件

let eBooks = await client.getEntries({
      content_type:"ebook",
      order: "-sys.createdAt",
    })
    .then((response) => response.items)
      .catch(console.error);
    
    let pdf = await client.getEntries({
      content_type:"pdf",
      order: "-sys.createdAt",
    })
    .then((response) => response.items)
      .catch(console.error);

在return语句中

{
        path: "/",
        getData: () => ({
          eBooks,
        }),
        children: eBooks.map((eBook) => ({
          path: `/${urlBuilder(
            eBook.fields.url ? eBook.fields.url : eBook.fields.title
          )}`,
          template: "src/pages/embedded-finance-101",
          getData: () => ({
            eBook,
          }),
        })),
      },
      {
        path: `/${urlBuilder(
          eBook.fields.redirectUrl
        )}`,
        template: "src/pages/pdf-viewer",
        getData: () => ({
          pdf,
        })
      },

提交时，我被重定向到正确的url，即{eBook.fields.redirectUrl}，但页面是空的，而不是pdf查看器。我哪里错了？

Answer 1

我在contentful中设置内容模式的方式有一个问题。我把它修好后，它就能工作了。