0

当前项目是一个用 Vue 开发的单页应用程序。截至目前，内容差不多，static但有些数据可以通过REST APIs.

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

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

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

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

罗宾

4

2 回答 2

0

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

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

于 2021-04-02T11:40:56.780 回答
0

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

  1. 制作一个 SSRNode js脚本，它将生成header&footer并将其作为build脚本的一部分放在 index.html 占位符中。（缺点是： - 根据 Drupal 端的变化频繁更新生产。）

  2. 将 SPA 设置为Server-side render并使用更新index.html的 .

  3. 假设 Drupal 和 SPA 应用程序中的通用 HTML 结构，有一个端点将提供菜单内容。

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

谢谢

于 2021-04-03T12:05:55.737 回答