【问题标题】:How to create a 100% static site with Nuxt.js?如何使用 Nuxt.js 创建 100% 静态网站?
【发布时间】:2020-07-22 05:45:01
【问题描述】:

也许我期待太多......但经过广泛搜索后,我无法找到我问题的决定性答案。所以也许这里有人可以给我一个提示。

我想创建一个小型博客。这个博客应该是静态服务的。 nuxt 的各种文章和视频都承诺了这一点。所以我写了一些代码,可以提供我的内容。服务器端渲染,包括动态路由和nuxt generate 也基本可以工作。

我的问题是从内容引用的资产不包含在静态文件中。它们仍然是无法从已部署站点访问的无头 cms(在我的情况下为 Cockpit)的链接。

很明显,有人必须解析生成的内容才能将链接转换为静态位置,并将这些资产的内容提取到 dist 文件夹,但我认为这是由显然有能力的 nuxt 处理的在某些情况下这样做。

那么我做错了吗?是否有用于此任务的库,还是我必须编写自己的解决方案?

如果 nuxt 无法做到这一点 - 也许有人有提示可以改用什么?我正在寻找一种解决方案,其中仅在生成站点时才需要后端,并且站点所需的所有内容都是从那里生成的。

【问题讨论】:

    标签: nuxt.js server-side-rendering


    【解决方案1】:

    我认为您需要一个链接解析器。我通常坚持使用 Prismic,他们会告诉你设置一个 linkResolver.js,它会处理你在 CMS 上创建的链接,将它们转换为实际可用的链接。 更多内容:https://prismic.io/docs/vuejs/beyond-the-api/link-resolving

    【讨论】:

    • 如果我理解正确的话,这个链接解析器基本上会重写文档中包含的链接——到目前为止一切都很好。但这是 a) 绑定到 prismic.io - 我想避免为我的数据使用外部托管的后端 b) 它不关心必须提取到 dist 文件夹的内容。问题是 Nuxt 必须为指向同一站点的链接抓取生成的内容的内容,然后准备好所有内容,以便可以静态地提供该内容......
    猜你喜欢
    • 2019-01-19
    • 1970-01-01
    • 2017-04-29
    • 1970-01-01
    • 2013-01-25
    • 1970-01-01
    • 2020-06-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多