refreshCookie

쿠키가 변경되었을 때 useCookie 값을 수동으로 새로고침

이 유틸리티는 Nuxt v3.10부터 사용할 수 있습니다.

목적

refreshCookie 함수는 useCookie에 의해 반환된 쿠키 값을 새로고침하기 위해 설계되었습니다.

이는 브라우저에서 새로운 쿠키 값이 설정되었음을 알 때 useCookie ref를 업데이트하는 데 유용합니다.

사용법

app.vue

const tokenCookie = useCookie('token')

const login = async (username, password) => {
  const token = await $fetch('/api/token', { ... }) // 응답에서 `token` 쿠키를 설정합니다
  refreshCookie('token')
}

const loggedIn = computed(() => !!tokenCookie.value)

브라우저에서 쿠키가 변경될 때 useCookie 값을 자동으로 새로고침하는 실험적 cookieStore 옵션을 활성화할 수 있습니다.

타입

refreshCookie(name: string): void

※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.

공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/utils/refresh-cookie