【记录篇】后端给前端设置cookie失效原因

最新推荐文章于 2024-07-02 18:12:37 发布
最新推荐文章于 2024-07-02 18:12:37 发布
阅读量3.9k 收藏 3
点赞数
文章标签： node.js reactjs javascript css3 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32197365/article/details/106738265
版权
在开发React点餐系统时，遇到登录成功但前端无法保持登录状态的问题。通过Koa后端设置Cookie，前端刷新页面后登录状态消失。经排查，发现是由于后端设置的Cookie domain与前端请求的域名不一致导致的跨域问题。修正前端请求URL以匹配domain后，成功解决了问题。
摘要由CSDN通过智能技术生成

近期在学着用react做一个点餐系统的小demo，使用koa搭建后台服务，客户端登录时向后台发送post请求，后台接收到请求后查询数据库，验证成功后端会给前端设置cookie以保持maxAge有效期内成功登录状态
但，明明登录成功，前端却不能保持登录状态（一刷新页面登录状态就消失了），那么前端并没有获取到该cookie，检查后台发现该cookie是确实设置过的…

客户端请求登录代码：

// 这里直接请求网站域名对应的ip地址
this.$axios.get('http://39.98.232.254:3002/guestLogin',{
   withCredentials: true})
            .
最低0.47元/天 解锁文章
陈柳Cod
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js简单设置与使用cookie的方法
10-22
这篇文章将深入探讨如何在JavaScript中设置和使用Cookie，并通过实例来帮助理解。 首先，我们需要明白为什么要在JavaScript中设置Cookie，而不是只依赖后端语言如PHP。在前端开发中，有时我们需要在用户浏览器中...
Cookie设置不了及前端不回显问题记录
DevilZXx的博客
03-04 2339
工作上遇到的问题记录
【Cookie】后端在Response中addCookie无效(请求中已有Set-Cookie)
幽灵雾的专栏
09-07 4725
后端在Response中addCookie无效(请求中已有Set-Cookie)
Cookie的默认存储路径以及后端如何设置
最新发布
qq_61925446的博客
07-02 343
vue跨域sessionId无法正常识别
前端页面获取不到后端设置的cookie
wzq1915414095的博客
02-05 2478
这种直接用浏览器打开本地html文件的方式是没办法获取后端设置的cookie的，必须将html部署到web服务器，然后通过url的方式访问才行。原因之一：直接双击html文件用浏览器打开时是获取不到后端设置的cookie的。前端页面获取不到后端设置的cookie。
前后端分离时后端传cookie前端接收不了问题（vite.config.js）
weixin_45909571的博客
02-18 1369
前后端分离时后端传cookie前端接收不了问题
解决跨域问题
xzh_blog
11-07 1156
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web....
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
01-19
前端 vue ip地址：192.168.1.205 后端 springboot2.0 ip地址：192.168.1.217 主要开发后端。 问题： 首先登陆成功时将用户存在session中，后续请求在将用户从session中取出检查。后续请求取出的用户都为null。 解决...
nginx反向代理导致session失效的问题解决
09-29
通过使用`proxy_cookie_path`指令，我们可以调整后端服务器设置的Cookie路径，确保其与Nginx代理的location相匹配，从而恢复Session的正常功能。对于多服务器环境下的Web应用，理解和正确配置Nginx的Session管理是...
前端开源库-ks-session
08-30
2. 自动过期：支持设置会话的过期时间，过期后会话自动失效，增强了安全性。 3. 数据存储：可以灵活选择存储会话数据的后端，如内存、Redis、MongoDB等，以适应不同规模的应用。 4. 轻量级：设计简洁，对性能的影响...
轻松实现在后端设置Cookie，并在前端取出对应的Cookie的方法
潇歌的博客
06-20 1万+
现在一般Spring或者SpringBoot的话都已经集成Cookie的获取方法，想要更简单便捷的话可以自行去了解下，这边主要是分享下手动编写获取的Cookie的工具类 话不多说，直接上代码 后端代码 public class CookieUtil { // 获取Cookie的方法 public static String getCookie(HttpServletRequest request, String cookieid) { Cookie[] cookies = request.g
解决后台设置cookie但是前台浏览器不能存储在cookie中
热门推荐
Alina_shu的博客
12-18 1万+
测试大概是这么写的 @RestController public class UserController { @RequestMapping("/test") public void login(HttpServletResponse response) { Cookie cookie = new Cookie("test","test"); ...
域名造成后台cookie取不到值问题
ZoeLinJF的博客
01-09 1553
问题： 网站域名是study.com（例子），请求接口地址是api.study.com，域名不一致，导致后台取不到前台设置的cookie。并且chrome中控制台的请求头中也不会显示cookie。 解决方案： 设置cookie时，配置域名 import Cookies from 'js-cookie'; utils.setCookie = (key, value) => { let ...
前端常见题目
如诗
07-12 2393
共同点都是存储在浏览器本地的，都遵循同源原则（sessionStorage还必须是同一个页面） cookie是由服务端写入的，后两者是前端写入的。 cookie的生命周期是服务端设置好的，sessionStorage在浏览器关闭后就被删除，localStorage生命周期一直存在除非手动删除 cookie的存储空间只有4KB，后两者为5M 在前端请求后端时会自动携带cookie，后两者不会 cookie一般用于存储登录的信息（如sessionId，token），sessionStorage可以用于检测用户是
前后台分离项目，前台拿不到cookie的问题
qq_47657875的博客
03-20 638
而前台的localhost的cookie.get 是拿不到后台的token的。而访问后台时使用的是 127.0.0.1或者Ip，原因是访问前台项目时使用的是localhost，后台返回的cookie的是在访问ip的源上，用localhost打开后台。保证前后台在同一个域上。
【已解决】后端设置Cookie后，发现在另外一个方法不能获取
个人学习博客，不足之处，还望不吝赐教！
12-28 1290
用户请求B方法： http://localhost:8090/demo2/cookie_one，但是却得不到cookie中的数据，然后通过调式，发现 request.getCookies()一直为null，这就奇怪了，明明在A方法保存了Cookie，而且也没有涉及跨域等其它问题，为什么cookie会获取不到呢。http://localhost:8090/demo1 或者 http://localhost:8090/demo1/**下的路径时，http://localhost:8090/demo1 域下，
关于前后端不在统一服务器的跨域设置Cookie问题
u014679797的专栏
01-09 1243
1.后端允许跨域调用，并添加Cookie @CrossOrigin @RequestMapping(value="/login", produces = "application/json; charset=utf-8", method=RequestMethod.POST) @ApiOperation(value = "用户登录") @ApiImplicitParams({ @A...
前后端分离无法携带 cookie 坑点（Vue+SpringBoot 跨域问题）
qq_44656336的博客
10-19 4596
配置了跨域，未解决跨域问题，检查发现是没有携带 Cookie 原因。 出现java.lang.IllegalArgumentException: When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" response header. 的错误
记一次前后端分离项目跨域导致的set-cookie失效问题解决方案
weixin_44928129的博客
11-08 955
起因公司项目使用了springsecurity的基础登录进行认证授权，而基础登录使用的是session+cookie的形式，项目前后端分离，前端调接口的时候就会出现，登陆后点击其他页面，提示未登录跳转登录页的情况，排查了一下问题发现登陆后请求投提示。前端用nginx用一个代码块分别将前端和后端都代理了一下，后端在服务器上也用nginx代理出来了了，看着挺复杂的，但是最终解决了问题。你有更好的解决方案吗？又想到项目用了session，应该是跨域，可以改token，但是也有其他的解决方案。
前端用户十分钟不操作自动过期token
04-04
4. 在前端页面中，可以通过定时器来监测用户是否有操作，如果用户在十分钟内没有操作，就发送一个请求给后端，让后端将该token设置为过期状态。 5. 如果用户再次操作页面，前端会重新生成一个新的token，并更新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值