使用 Nuxt 所提供的 navigateTo 方法來進行頁面切換，若你的 layout 有跟著變動的話，那你的 console 就會報 hydration error 錯誤。這邊筆記下成因和解決方法。
內容
執行 navigateTo 方法切換頁面時，由於並非完全整個頁面重新載入的緣故，進而導致 server 和 client 端的初始結果不一致，於是出現 hydration error。
解法也很簡單，僅要在 naviageTo 使用時，多傳送 { external: true } 來確保頁面一定會完整 refresh 即可，若你要使用 location.href 亦可。
參考資料
1. Layout doesnt change when using navigateTo in Route Middleware
按讚加入粉絲團
