在单页应用程序中使用 drupal 内容（页眉和页脚）答案

【问题标题】：Consuming drupal content ( header & footer ) in Single Page Application在单页应用程序中使用 drupal 内容（页眉和页脚）
【发布时间】：2021-04-02 00:37:17
【问题描述】：

当前项目是一个用 Vue 开发的单页应用。截至目前，内容几乎是static，但一些数据可通过REST APIs获得。

现在提出的问题是在设计方面保持统一性，在 Drupal 的 SPA 中按原样使用 Header 和 Footer 菜单（以及 HTML 和 CSS 结构），它提供静态页面其他应用程序。这两个网络应用程序之间没有关联。

我已阅读有关无头 CMS 的文章，了解他们如何将内容提供给前端，但由于这是一个 SPA 而不是 Server-side driven，我很想知道如何实现这一点。

当然，通过 REST 公开是一种选择，但它不是一个很好的用户体验。

请让我知道您对如何更好地处理此问题的看法或可以考虑的各种选择。

罗宾

【问题讨论】：

标签： javascript drupal content-management-system headless-cms

【解决方案1】：

您必须在某个时间点从您的 Vue 应用程序中访问端点。

要么定期编译应用程序并将其作为构建过程的一部分使用，因此它是静态的和捆绑的，或者通过 JS 使用端点使其成为动态的。

【讨论】：

【解决方案2】：

所以我能想到多种解决方案，

制作一个 SSR Node js 脚本，它将生成 header 和 footer 并将其作为 build 脚本的一部分放在 index.html 占位符中。（缺点是：-根据 Drupal 端的变化频繁更新生产。）
将 SPA 设为 Server-side render，并使用更新后的 index.html 进行响应。
有一个端点，它将在 Drupal 和 SPA 应用程序中假设通用 HTML 结构提供菜单内容。

如果有更好的方法，请告诉我。

谢谢

【讨论】：