如何在SSR（通用）模式下从HTML分离Nuxt JSON有效负载？

Question

如何在SSR（通用模式）中从HTML分离Nuxt JSON有效负载？

我想从我的HTML输出中删除这段代码（请参见屏幕截图），并将其放置到单独的文件中。

Answer 1

这是一个非常糟糕的主意。 window。NUXT对象包含水合过程所需的数据。

您可能会问什么是水合过程？在此过程中，Vue会获取SSR HTML输出并将其转换为动态DOM，从而使其具有响应性。您可以在此处了解更多信息：https://ssr.vuejs.org/guide/hydration.html

有趣的是，您可能可以通过使用惰性水合来限制该对象的长度。检查此仓库：https://github.com/maoberlehner/vue-lazy-hydration