如何解决在单页应用程序中使用 drupal 内容页眉和页脚
当前项目是一个用Vue开发的单页应用。截至目前,内容几乎是 static
,但部分数据可通过 REST APIs
获得。
现在提出的要求是保持设计方面的统一性,在 Drupal 的 SPA 中使用 Header
和 Footer
菜单(以及 HTML 和 CSS 结构)其他应用程序的静态页面。这两个网络应用之间没有关联。
我已经阅读了关于无头 CMS 如何向前端提供内容的文章,但由于这是一个 SPA 而不是 Server-side driven
,我很想知道如何实现这一点。
当然,通过 REST 公开是一种选择,但它不会是一个很好的用户体验。
请让我知道您对如何更好地解决这个问题的看法或可以想到的各种选择。
罗宾
解决方法
您必须在某个时候从您的 Vue 应用程序中点击端点。
要么定期编译应用程序并将其作为构建过程的一部分使用,使其成为静态和捆绑的,要么通过 JS 使用端点使其动态化。
,所以我能想到多种解决方案,
-
制作一个 SSR
Node js
脚本,它将生成header
和footer
并将其作为build
脚本的一部分放置在 index.html 占位符中。 (缺点是: - 基于 Drupal 端的变化频繁的生产更新。) -
将 SPA 设为
Server-side render
并回复更新的index.html
。 -
有一个端点,假设 Drupal 和 SPA 应用程序采用通用 HTML 结构,该端点将提供菜单内容。
如果有更好的方法,请告诉我。
谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。