set-cookie无法自动保存到cookie

一、项目及设置

1.后端:node+express 搭建

地址:http://localhost:5000
响应头设置中允许了跨域,前端请求接口数据也能正常返回

在这里插入图片描述

接口设置cookie,作为set-cookie字段返回

在这里插入图片描述

2.前端:vue-cli搭建的项目

地址:http://localhost:8080

在这里插入图片描述

前端请求接口返回数据正常,cookie也设置好了,但是浏览器没有自动存储
在这里插入图片描述
此时浏览器地址栏url:http://localhost:8080/virtualListOfSelect
发送的请求url:http://localhost:5000/v1/api/user/bigData

二、尝试解决问题

1.因为我的接口都是get方式,所以我直接在浏览器输入连接发送请求,这个时候,cookie自动存储成功

此时浏览器地址栏url:http://localhost:5000/v1/api/user/bigData
发送的请求url:http://localhost:5000/v1/api/user/bigData

2.前端发送请求改成设置代理发送请求,而不是直接请求后端接口,这样也能自动存cookie

此时器地址栏url:http://localhost:8080/virtualListOfTable
发送的请求url:http://localhost:8080/proxyApi/v1/api/user/bigData

在这里插入图片描述

在这里插入图片描述

猜想

对比三次浏览器地址栏、接口url,只有两种url的 域名、端口一致时才能自动存储成功

但是我去看了公司的某一个项目,两个url的域名、端口不一致也自动存储成功了,所以目前还搞不清楚是哪里出了问题

不能自动存储时前后端并没有跨域,接口数据也返回了,只有set-cookie没有效果

希望有个大佬能解答疑惑

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值