如何使用Nuxt.js创建100%静态网站?

时间:2020-04-09 14:51:55

标签: nuxt.js server-side-rendering

也许我期望太多...但是经过大量搜索,我找不到对我的问题的决定性答案。因此,也许有人可以给我提示去哪里看看。

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

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

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

所以我做错什么了吗?是否有执行此任务的库,还是我必须编写自己的解决方案?

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

1 个答案:

答案 0 :(得分:0)

我认为您需要一个linkResolver。我通常坚持使用Prismic,并且它们告诉您设置一个linkResolver.js,它将处理您在CMS上创建的链接,并将其转换为实际可用的链接。 更多信息,请点击:https://prismic.io/docs/vuejs/beyond-the-api/link-resolving