Cookieが保存できない時の対応法

「localhostでは上手く行くのに…」というときの確認項目

secure属性をつけているかを確認する

デプロイ先がhttpsでホストされている場合、secure属性をcookieに付与していないとうまく動作しない場合があります。

参考:mozillaのCookieについての説明

export const saveCookie = (name: string, value: string, days: number) => {
  let expires = "";
  if (days) {
    const date = new Date();
    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); // days * hours * minutes * seconds * milliseconds
    expires = `; expires=${date.toUTCString()}`;
  }
  document.cookie = `${name}=${value || ""}${expires}; path=/; secure;`;
};