Nuxt3 設定 Cookie

設定 Cookie

在 Nuxt3 中有內建 useCookie ，要設定 Cookie 很簡單：

    
const jwtCookie = useCookie<string>('jwt');
jwtCookie.value = 'aaa.bbb.ccc';
    

指定過期時間：

    

const jwtCookie = useCookie<string>('jwt', {
  // 設定為 1 小時後過期
  maxAge: 60 * 60,
});
jwtCookie.value = 'aaa.bbb.ccc';
    

註：使用 JavaScript 而不是使用 TypeScript 的話把 <string> 刪掉即可

讀取 Cookie

讀取就非常簡單了：

    
const jwtCookie = useCookie<string>('jwt');
console.log(`jwtCookie: ${jwtCookie.value}`);
    

只是如果沒有 Cookie 的話會是 undefined

刪除 Cookie

    
const jwtCookie = useCookie<string|null>('jwt');
jwtCookie.value = null;
    

參考資料：
Nuxt3 - useCookie