Nuxt 3 已于 31 July 2026 结束生命周期
此版本将不再接收错误修复或安全补丁。 升级到 Nuxt 4 或获取 HeroDevs 提供的延长支持

refreshCookie

源码
当 cookie 发生变化时，手动刷新 useCookie 的值

Maschinelle Übersetzung ·0 % geprüft

该工具自 Nuxt v3.10 起提供。

目的

refreshCookie 函数用于刷新 useCookie 返回的 cookie 值。

当我们知道浏览器中已设置了新的 cookie 值时，这对于更新 useCookie 引用非常有用。

使用方法

app.vue
<script setup lang="ts">
const tokenCookie = useCookie('token')

const login = async (username, password) => {
  const token = await $fetch('/api/token', { /** ... */ }) // 响应中设置 `token` cookie
  refreshCookie('token')
}

const loggedIn = computed(() => !!tokenCookie.value)
</script>
自 Nuxt v3.12.0 起，实验性的 cookieStore 选项默认启用。它会在浏览器中的 cookie 发生变化时自动刷新 useCookie 的值。

类型

Signatur
export function refreshCookie (name: string): void