Nuxt SSG：路由更改后页面没有立即包含所有内容

Question

我有一个完整的静态 NUXT 应用程序，因此我希望页面上的所有内容在路由更改后立即准备就绪。

我遇到路由更改和页面上显示的每个组件之间存在轻微延迟，导致布局发生变化。

这是预期的行为吗？

---

我做了一个最小的复制，它产生了相同的行为。 （有时 ;） ） https://github.com/Jonatan-bs/static-nuxt-test

这是一个 create-nuxt-app，其页面可以动态渲染许多组件。

重现：

1. npm 运行安装
2. npm 运行生成
3. npm 运行开始
4. 单击“测试”链接，该链接链接到另一个页面

预期行为：
所有组件将在页面更改后立即出现，因为它是静态生成的应用程序。

观察到的行为：
如附图所示

1. 更改路由后渲染黄色背景的组件。
2. 不久之后，黑色背景的组件就被渲染出来了

Answer 1

同时占用的内存量（几MB）+几千个节点不会使您的页面崩溃，您应该已经很高兴该测试通过了。这是因为 Vue 非常轻量级。你不能要求浏览器从一个页面平滑地切换到另一个页面，特别是在 SPA 上下文中，需要删除+添加回来的内容。

我之前评论中的更多详细信息可在此处找到：Nuxt SSG：路线更改后页面没有立即包含所有内容

Answer 2

您好，我遇到了同样的问题，我的 nuxt ssg 项目中没有任何 api 调用，所有内容和图像都是静态的，但我面临着同样的问题，如果您找到解决方案，请提供帮助