nuxt 如何让某个js代码只在服务端执行

在 Nuxt.js 中，如果你想要确保某些 JavaScript 代码仅在服务器端运行，你可以将其放在 `nuxtServerInit` 或 `asyncData` 方法中。这两个生命周期钩子是在服务器上执行的：

1. **nuxtServerInit**：这个方法在每个请求到达服务器时自动执行，通常用于设置全局性的初始数据或状态，它接收 `context` 参数，可以访问到 Vue 实例和一些其他上下文信息。

export default {
  async nuxtServerInit(context) {
    const data = await yourServerSideAPI(); // 调用服务器端API
    context.app.someGlobalState = data; // 设置全局变量
  }
}

2. **asyncData**：主要用于提前加载单页应用的数据，当路由转换前，在客户端请求数据时会被触发。如果需要在服务端完成数据计算，可以在该方法内执行，并将结果返回给客户端。

export default {
  async asyncData({ params }) {
    let serverData = await yourServerSideData(params); // 服务器端处理数据
    return { data: serverData };
  }
}

注意，`asyncData` 返回的是一个 promise，它的值会在客户端解析，而实际的服务器端代码不会直接传递到客户端。