Gridsome 项目托管在 netlify 上。点击时，即使 URL 更新，页面也不会加载

Posted 2023-03-07

【中文标题】Gridsome 项目托管在 netlify 上。点击时，即使 URL 更新，页面也不会加载

【英文标题】：Gridsome project hosted on netlify. On click, pages dont load even though the URL does update

【发布时间】：2020-07-12 14:05:08

【问题描述】：

我部署的站点部署在 Netlify 上，当单击登录页面上的任何链接时，URL 会更新，但除非我刷新页面，否则内容不会显示。请注意，在我的本地开发服务器上，这不是问题。它只是现场网站上的一个问题

注意：这方面的文献不多。在 https://github.com/gridsome/gridsome/issues 上，Issue #324 和 issue #337 都提出了相同的问题，尽管答案不适用于我的项目。

1) 查看 ezrasnashim.netlify.com 上的实时站点。 尝试点击着陆页上的任何链接

环境

@gridsome/cli v0.3.1 网格体 v0.7.12

浏览器： 火狐开发者浏览器， 谷歌浏览器

【问题讨论】：

也使用了顺风 css。忘记将其添加到环境中

【参考方案1】：

浏览该站点后，我发现问题是一些无效的 html，浏览器修复了 [改变了周围]，它改变了虚拟 DOM 的实际 DOM，导致 Vue 水合休息。

见Vue s-s-r hydration caveats

【讨论】：

你是个天才。谢谢。虽然我不明白为什么在开发过程中没有水合作用问题。在我的本地服务器上，该站点运行良好

我认为“网格开发”在内存中/动态运行，因此不存在水合作用问题。您可以使用“gridsome build”模拟 netlify，然后在本地提供 dist 文件夹，例如“http-server”。