在Svelte和Sapper中使用cookies可以通过以下步骤实现:
src
的文件夹,并在其中创建一个名为utils
的子文件夹。utils
文件夹中创建一个名为cookies.js
的文件,用于处理cookies相关的功能。cookies.js
文件中,可以使用以下代码来设置和获取cookies:// 设置cookie
export function setCookie(name, value, days) {
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
const expires = "expires=" + date.toUTCString();
document.cookie = name + "=" + value + ";" + expires + ";path=/";
}
// 获取cookie
export function getCookie(name) {
const cookieName = name + "=";
const cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
let cookie = cookies[i];
while (cookie.charAt(0) === ' ') {
cookie = cookie.substring(1);
}
if (cookie.indexOf(cookieName) === 0) {
return cookie.substring(cookieName.length, cookie.length);
}
}
return "";
}
cookies.js
文件,并调用其中的函数来设置和获取cookies。例如,在一个Svelte组件中,可以这样使用cookies:
import { setCookie, getCookie } from '../utils/cookies';
// 设置cookie
setCookie("username", "John Doe", 7);
// 获取cookie
const username = getCookie("username");
console.log(username); // 输出:John Doe
在Sapper中,可以在路由处理函数中使用cookies:
import { setCookie, getCookie } from '../utils/cookies';
export function get(req, res, next) {
// 设置cookie
setCookie("username", "John Doe", 7);
// 获取cookie
const username = getCookie("username");
console.log(username); // 输出:John Doe
res.end(JSON.stringify({ username }));
}
这样就可以在Svelte和Sapper中使用cookies了。
关于Svelte和Sapper的更多信息和使用方法,你可以参考腾讯云的产品介绍页面:
云原生正发声
Elastic 实战工作坊
企业创新在线学堂
Techo Day
云+社区技术沙龙[第9期]
GAME-TECH
DBTalk技术分享会
领取专属 10元无门槛券
手把手带您无忧上云