为了保持应用程序的身份验证,可以使用本地存储、Cookies和终端点中的任何一种或多种方法。以下是使用本地存储的示例代码:
// 设置本地存储的函数 function setLocalStorage(key, value) { localStorage.setItem(key, value); }
// 获取本地存储的函数 function getLocalStorage(key) { return localStorage.getItem(key); }
// 删除本地存储的函数 function removeLocalStorage(key) { localStorage.removeItem(key); }
// 通过本地存储保存身份验证令牌 setLocalStorage('authToken', 'token123');
// 通过本地存储获取身份验证令牌 const authToken = getLocalStorage('authToken');
// 通过本地存储删除身份验证令牌 removeLocalStorage('authToken');
以下是使用Cookies的示例代码:
// 设置Cookie的函数 function setCookie(cookieName, cookieValue, expirationDays) { const date = new Date(); date.setTime(date.getTime() + (expirationDays2460601000)); const expires = "expires="+ date.toUTCString(); document.cookie = cookieName + "=" + cookieValue + ";" + expires + ";path=/"; }
// 获取Cookie的函数 function getCookie(cookieName) { const name = cookieName + "="; const decodedCookie = decodeURIComponent(document.cookie); const cookieArray = decodedCookie.split(';'); for(let i = 0; i < cookieArray.length; i++) { let c = cookieArray[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; }
// 删除Cookie的函数 function deleteCookie(cookieName) { document.cookie = cookieName + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;'; }
// 通过Cookie保存身份验证令牌 setCookie('authToken', 'token123', 7);
// 通过Cookie获取身份验证令牌 const authToken = getCookie('authToken');
// 通过Cookie删除身份验证令牌 deleteCookie('authToken');
以下是使用终端点的示例代码:
// 获取身份验证令牌的终端点 const tokenEndpoint = '/api/token';
// 通过Fetch API获取身份
上一篇:本地存储图像 vs Cloudinary vs S3
下一篇:本地存储未保存