解决前后端交互 SpringBoot Vue 后端发送的 Cookie 前端无法接收问题!

问题描述:

当前端输入账号密码登陆的时候,后端返回一个token做身份令牌,并且使得每次发送请求都携带着这个cookies。
后端代码:

 Cookie cookie = new Cookie("token",token);
        cookie.setMaxAge(UserPrefix.userToken.getExpireSeconds());
        cookie.setPath("/");
        cookie.setHttpOnly(false);

        response.addCookie(cookie);    

这里我 setPath 和 HttpOnly 都试过了还是没用。

前端进行抓包还是可以看到返回的Cookie信息的:
在这里插入图片描述
,
但是,登录进去后再抓包请求却没有Set-Cookie:
在这里插入图片描述
就连 console.log 打印cookie 也为空。
试了很多方法也没有解决问题,
终于:


解决方案:


在 main.js 中设置:

import axios from 'axios'
axios.defaults.withCredentials = true

这样子,接口文件api.js中设置每次携带cookie

问题迎刃而解,之后的请求也都带上了 Cookie ,完美!

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值