代码之家 › 专栏 › 技术社区 › cph2117

next.js不保存cookie

next.js cookies

cph2117 · 技术社区 · 7 年前

我有一个服务器端呈现的next.js/express应用程序,它与django api(跨源)通信。我像这样登录用户:

const response = await fetch('localhost:8000/sign-in', {
                method: 'POST',
                credentials: 'include',
                body: JSON.stringify({ email, password }),
                headers: { 'Content-Type': 'application/json' },
            });
const result = await response.json();
if (response.status === 200) {
    Router.push('/account');
}

django成功登录用户并返回 set-cookie 的标题 csrftoken 和 sessionid 但是,当我导航到另一个页面时(就像在上面的代码中 Router.push ),饼干不会持续。

我认为这与服务器端和客户端有关系,但是当cookie在浏览器中设置时,我希望它们能保持不变。

这些cookie一旦设置好,如何才能在客户端的所有页面上持久化?

1 回复 | 直到 7 年前

cph2117 7 年前

结果发现 set-cookie 是做事情的老方法。它由浏览器控制,所以很模糊。

我最后把 csrftoken 和 sessionid 返回到json主体中的客户机,并将它们保存到 localStorage 使用 localStorage.setItem('sessionid', 'theSessionId') 和 localStorage.setItem('csrftoken', 'theCsrftoken') .

然后,当我需要发出经过身份验证的请求时,我会将它们包含在fetch头中:

const response = await fetch(`${API_HOST}/logout`, {
        method: 'POST',
        headers: {
            'X-CSRFToken': localStorage.getItem('csrftoken'),
            sessionid: localStorage.getItem('sessionid'),
        },
    });

推荐文章

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

Josue Abotsidia · 创建NextJS项目时出错

1 年前

Ken · Next.js客户端页面动态路由

1 年前

Jan Wolfram · useFieldArray不能赋值给never类型

1 年前

stickynotememo · 对于必须经常刷新的组件,使用服务器组件还是客户端组件更好?

1 年前

TheDomis4 · nextjs:链接元素导致水合错误

1 年前

Bagas Rizkiyanto · 设置类型错误,尝试捕获类型脚本,但error.message除外

1 年前

Shane Harley · 将HTML作为JSON字符串的一部分?

1 年前

Sankar · 在nextjs中导入typescript常量失败

1 年前

Adnane Bady Soussi · 我试图更新我在代码中通过graphapi创建的一个现有用户,但我从azure graphapi返回了403错误

1 年前