nuxt3 在特定页面不适用公共部分

在 Nuxt.js (版本 3) 中，如果你希望在某个特定页面上不应用全局公共组件或布局，你可以使用 `nuxtServerInit` 或者自定义路由配置来实现这个目标。

1. **`nuxtServerInit`**:
在 `.vue` 页面文件里，你可以重写或覆盖 `asyncData()` 函数，这是一个在服务器端渲染之前调用的方法。在这里，你可以检查路由名称，然后选择是否加载公共部分的数据。例如：

   async asyncData({ route }) {
     if (route.name !== 'specific-page') {
       return { commonPart: false } // 如果当前不是特定页面，则公共部分设为 false
     }
   }

2. **自定义路由配置**:
在 `nuxt.config.js` 的 `router` 配置中，可以针对特定路径设置 `layout` 属性为 `null`，这将禁用该页面的默认布局：

   export default {
     router: {
       routes: [
         {
           path: '/specific-page',
           component: YourComponent,
           layout: null, // 禁用公共布局
         },
         // 其他路由...
       ]
     },
     // ...
   }

这样，在访问 `/specific-page` 时，页面就不会包含公共头部或底部等元素了。