透過 100+ 個技巧的集合學習 Nuxt!

refreshCookie

當 cookie 變更時,手動重新整理 useCookie 值
此工具程式自 Nuxt v3.10 起可用。

目的

`refreshCookie` 函數旨在重新整理 `useCookie` 傳回的 cookie 值。

當我們知道新的 cookie 值已在瀏覽器中設定時,這對於更新 `useCookie` ref 非常有用。

用法

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>
您可以啟用實驗性的 `cookieStore` 選項,以便在瀏覽器中 cookie 變更時自動重新整理 `useCookie` 值。

類型

refreshCookie(name: string): void