Nuxt3 提示Hydration completed but contains mismatches

原因:

这个提示的意思是,服务器渲染(SSR)的结果与你完成加载后显示的内容不同。多半是由于你在浏览器里加载了一些数据,比如 localStorage,或者一些全局变量,然后页面就被重新渲染了。

比如我遇到这个问题时,就是因为直接在setup里引用了全局变量,导致报错。

解决方法:

在onMounted中去渲染数据

你可能感兴趣的:(Nuxt3,前端,javascript,开发语言)