在前端 Web 開發中,可以使用 JavaScript 在客戶端設定 Cookie。具體來說,可以透過 document.cookie 屬性來設定 Cookie。
document.cookie 屬性是一個字串,儲存了目前頁面的所有 Cookie。要設定一個新的 Cookie,可以將名稱、值以及其他可選屬性拼接成字串並賦值給 document.cookie。例如:
document.cookie = "name=value; expires=Fri, 31 Dec 2023 23:59:59 GMT; path=/";
上述程式碼設定了一個名為 "name" 的 Cookie,其值為 "value"。也指定了過期時間為 2023 年底,並設定了路徑為根路徑 "/」。
注意事項:
- 每個屬性之間使用分號和空格進行分隔。
- Cookie 的值可以包含任意字符,但需要進行 URL 編碼,以防止特殊字元造成問題。
- 可選的屬性包括 expires(過期時間),path(路徑),domain(網域名稱),secure(是否僅透過 HTTPS 連線傳輸)等。
請注意,由於 Cookie 是儲存在客戶端的訊息,因此對於敏感資訊(如密碼)不應儲存在 Cookie 中,以免造成安全風險。