问题标签 [react-cookie]

尝试在 Firefox 上设置 cookie 时，我收到“某些 cookie 滥用推荐的“SameSite“属性”警告。

已经在代码中添加了“secure=true”，但这不起作用。

我正在使用“通用cookie”库

这是片段；

我想我清楚地了解问题和安全问题是什么，但显然我在https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite上得到的建议不起作用我，或者我错过了什么。

我想将 cookie 设置为始终为真，而不是在发生某事或单击某事时。

所以有几个关于这个的教程和文章。就我而言，它应该类似于：'mySpecialCookie = true'。

安装包：npm install react-cookie

index.js 和 App.js 都需要导入吗？

我的 index.js 看起来像这样：

所以我假设在 ReactDOM 里面应该改成这个？

在 App.js 中，我使用 useCookies 钩子添加了它，但不知道在哪里使用它：

有什么建议么？

我在 React 项目中使用存储在 cookie 中的 JWT。问题是我应该在需要来自 JWT 的信息的所有组件中对其进行解码，或者解码一次并将最常见的数据存储在存储中？

技术栈

• 使用 .NET CORE React 模板
• OAuth - 领英身份验证
• NPM 我反应饼干
• 1 IIS 网站
• 应用程序池（v4 集成）
• 端口 80

问题

LinkedIn 身份验证成功后，在 UI 端，以下两行都返回'undefined'：

console.debug("设置", "渲染", "050", cookies.Name);

console.debug("设置", "render", "075", cookies['Name']);

设置.tsx

Start.cs ConfigureServices(IServiceCollection 服务)

我正在使用 nextjs，我想使用 cookie 在多个设备上共享一些数据。当我在当前设备上的 cookie 中设置数据并在另一台设备上检查时，我发现数据不存在。

在 _app.js 中

在购物车提供者中

但是当我在另一台设备上检查 cookie 时，我在 cookie 中看不到 cart_token

我正在开发一个 React 应用程序。（反应 17.02，

发生的事情是，每次我单击页面上的链接时，它都会从 index.js 开始重新加载整个应用程序。

这是我的App.js文件：

我实现了一个登录组件，并将其放入我的Header：

页脚也更容易：

所以，有一个header，一个footer和页面的其余部分。

通常，单击这些链接之一，页面应该简单地显示在页眉和页脚之间，仅更改单个路由的内容。

但它重新加载所有页面。

我从未注意到这种行为，因为我没有与会话相关的信息。

然后，我添加了 Login 组件reactjs-social-login，它运行得非常好。

但是，在用户登录后，如果我点击任何链接，则重新加载整个 index.js 页面，然后是 App.js 页面，从头开始重新启动所有页面，并且登录丢失，因为该Header组件又包含包含所有登录信息的Login组件也被重新加载，所有状态信息都丢失了。

凭我的聪明才智，我确信 React 只是通过路由器重新加载了与所选路由对应的页面，其行为类似于我们在 JQuery 中使用的行为，仅重新加载页面的一部分。

您能帮我找出问题所在以及如何解决吗？

应用解决方案后的新通知

建议的解决方案演示在HeaderandFooter页面上运行。

但是，当我试图将它应用到我的主页时，我有一个非常奇怪的行为：

在我的主页中间，我有一个按钮，带有一个链接：

原始版本带有<a />标签，显然给出了上述相同的问题。所以我<Link />按照建议更改了它。

这是代码：

结果是完全重新加载了主页，

而使用这段更简单的代码，它可以按预期顺利运行：

有人可以解释为什么吗？这应该是一个简单的样式问题，中间有一个 div！

我想将令牌保存在 cookie 中并运行导航（“/”）。在“/”中，实现了token值的实现。因此，我想在token值进来后使用setCookie来运行navigation。我认为我们应该使用async await，所以我们尝试了很多，但都失败了。（我使用的是react-cookie库。）

我试图在我的反应网络应用程序的客户端设置一个 cookie。
我正在使用部署到 Firebase 的 CRA。

都试过了js-cookie-react-cookie在这两种情况下，我都看到设置的 cookie 代码运行正确。
在 localhost 中开发时，一切正常 - 但在生产中从未创建过任何 cookie。

我错过了什么吗？

经过几天的搜索和尝试，我现在在这里。

我在Netlify中部署了 React 应用程序，在Heroku中部署了 Node.js 后端。在 localhost 环境中一切正常。但部署后，cookie 不会在请求标头中发送。

CORS：（后端 Node.js）

爱讯：

Fetching Data(Mutation): apiClient 是从上面的 Axios.js 导入的，cookies 由 react-cookies 处理

上面的代码设置了 cookie.. 它正在工作。

现在，下面是我发送的请求，它不会随请求一起发送 Cookie：

好吧，它返回未经授权，因为 Cookie 根本没有发送..

我正在使用react-cookie库并且遇到了问题。基本上，当从控制台更改 cookie 时，应用程序不会刷新 cookie 并保留旧保存的 cookie。例如，如果原始 cookie 的值为 123，而我从控制台将其更改为 456，则应用程序将继续将 cookie 读取为 123，直到重新加载。有什么解决方法吗？提前致谢！

代码示例：