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

【问题标题】：Gridsome project hosted on netlify. On click, pages dont load even though the URL does updateGridsome 项目托管在 netlify 上。点击时，即使 URL 更新，页面也不会加载
【发布时间】：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。忘记将其添加到环境中

标签： javascript vue.js frontend netlify gridsome

【解决方案1】：

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

见Vue SSR hydration caveats

【讨论】：

你是个天才。谢谢。虽然我不明白为什么在开发过程中没有水合作用问题。在我的本地服务器上，该站点运行良好
我认为“网格开发”在内存中/动态运行，因此不存在水合作用问题。您可以使用“gridsome build”模拟 netlify，然后在本地提供 dist 文件夹，例如“http-server”。