Nuxt - 页面缓存（从列表进入详情页返回后保持原来位置的搜索条件、结果数据、浏览器滚动条位置等）

前言

网上非常多相关问题且杂乱无章，并且各种解决方案非常奇葩（有标准的方案不用），新手根本无法看懂。 另外，如果您需要纯 Vue.js 项目的，请访问：Vue - 页面缓存解决方案。

在 Nuxt.js 项目中，本文将站在新手角度从 0-1 带您一路复制，“标准化” 完成该功能。

最常见的场景，就根据条件查询到结果后，点击进入详情再返回来，

保留了进入详情前的 搜索条件、结果数据、浏览器滚动条位置等，说白了进去前啥样回来就啥样。

第一步

注意：如果您的项目已经自定义了，请按照以下配置加入即可（无需新建文件夹了）。

在项目根目录新建 layouts 文件夹，

然后在里面建立一个 default.vue 文件，复制或修改以下代码：