refreshCookie

源文件
当 cookie 发生变化时,手动刷新 useCookie 值
此工具自 Nuxt v3.10 起可用。

目的

refreshCookie 函数旨在刷新 useCookie 返回的 cookie 值。

这对于在已知浏览器中设置了新的 cookie 值时更新 useCookie ref 非常有用。

使用

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

const login = async (username, password) => {
  const token = await $fetch('/api/token', { /** ... */ }) // Sets `token` cookie on response
  refreshCookie('token')
}

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

类型

签名
export function refreshCookie (name: string): void