nuxt3 怎么设置服务端的cookie

在 Nuxt.js (v3 版本) 中设置服务器端的 cookie 需要在 `nuxtServerInit` 或 `fetch` 钩子函数中操作。这两个钩子是在服务器渲染期间运行的，适合设置需要在客户端之前就存在的状态信息，如登录凭证。

以下是使用 `nuxtServerInit` 设置 server-side cookie 的示例：

// 在 pages/_app.vue 或者 global_modules目录下的文件中
export default {
  async nuxtServerInit(context, { app }) {
    // 检查用户是否已经登录，如果登录则设置 cookie
    if (/* 用户已登录条件 */) {
      const cookie = {
        key: 'your-cookie-name',
        value: 'your-cookie-value', // 这里可以是用户的标识或其他数据
        expires: new Date(Date.now() + 86400 * 30), // 设置有效期，例如一个月
        httpOnly: true, // 防止跨站脚本攻击
        sameSite: 'strict', // 根据需求设置同源策略，默认为严格
      };
      await app.context.response.setCookie(cookie);
    }
  },
}

如果你想在每次页面加载时都获取 cookie，可以使用 `fetch` 钩子，但它通常用于异步数据获取：

// 在你的组件文件（如 components/Auth.vue）
export default {
  async fetch({ route }) {
    let user = null;
    try {
      // 尝试从请求头或 cookie 中获取用户信息
      user = await this.$axios.get('api/user', {
        headers: {
          cookie: // 获取当前的cookie字符串
        }
      });
    } catch (error) {
      // 处理错误
    }

    // 如果有用户信息，设置局部状态
    this.user = user;
  },
}

记得在设置 cookie 时遵守相关的法规，特别是在处理敏感信息时，比如用户的个人数据。同时，对于存储大量或长期有效的 cookie，可能要考虑用户的隐私和性能因素。