Nuxt.js刷新界面模板没有生效

刷新界面，在界面配置的layout 没有效果

环境：Nuxtjs2.*
界面配置：layout: 'mainLayout',
结果： 通过路由跳转界面效果正常，独立的模板生效；刷新界面，layout模板恢复默认default模板，界面布局乱掉。

Nuxt3版本提供的default模板中提供了插槽，可以直接通过插槽实现模板间的切换，

新版本提供了很多有趣的功能可以去看看
Nuxt3官网跳转

解决方案：都写在default默认模板中，进行区分，
目前没有找到优雅的解决方案……………………

layouts说明

layouts 根目录下的所有文件都属于个性化布局文件，可以在页面组件中利用 layout 属性来引用。

• 类型： String 或 Function (默认值： ‘default’)

使用 layout 属性来为页面指定使用哪一个布局文件：

export default {
  layout: 'blog',
  // 或
  layout(context) {
    return 'blog'
  }
}

nuxt.sj官网