vue登录成功后其他的接口无法携带cookie

最新推荐文章于 2024-05-06 14:52:55 发布
最新推荐文章于 2024-05-06 14:52:55 发布
阅读量1.1k 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46389242/article/details/125968390
版权

最近在和后端进行联调的时候发现一个很奇怪的问题，卡了好几天
前后端都配置好跨域之后，登录成功之后，其他的接口调用都返回302，百度了很多文档说这种情况是因为跨域问题，根据相关的文档进行调整之后还是不行，后面发现是没有携带cookie，但是设置withCredentials: true之后还是不行，我一直以为是自己代码的问题，后来又发现有博主说是因为浏览器跨域无法携带cookie。又去调整浏览器的相关设置，重启项目之后发现可以了
具体步骤如下：
第一步先设置withCredentials: true
第二步去修改浏览器设置chrome://flags/?search=SameSite搜索SameSite将它设置为display
在这里插入图片描述
可能有的搜出来不是这个样子，我电脑上搜出来和其他的博主也不是一样的
（具体跨域的封装可以去查看我其他的文章）

四月_h
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端vue项目发送请求不携带cookie（vue.config.js和nginx反向代理）
黎小小的博客
01-05 3745
本来发现问题，是因为后台记录到接收到的sessionId一直在变化，导致需要在同一个sessionId下处理的逻辑无法实现。后来才发现前端发的请求都没有带cookie，就是这里，我的之前是不带这个Cookie的。接口文件api.js中设置每次携带cookie。
vue使用代理转发，请求中未携带cookie，导致后端拿不到JSESSIONID
huanhuan03的博客
07-23 9872
vue请求没有携带cookie 后台获取不到JSSESSION vue接口不发送cookie 验证码错误后台没有session vue请求头带cookie JSESSIONID
cookie没有携带的问题
最新发布
神zhi殇的博客
05-06 925
背景：build-model应用在hcs迁移的时候，前、后端各自部署了一个新应用，但是调试时候发现没有cookie，导致鉴权失败！注： 后端通过cookie中的token做鉴权的，前端调用接口的时候，查看，发现没有cookie。以为是没有cookie的字段所以限制，没有cookie的问题，或者后端有其他限制条件，导致cookie携带失败，跟后端沟通后，发现后端并没有限制cookie的鞋带，所以跟后端没关系。
解决vuecli中axios请求跨域无法携带cookie
weixin_66196770的博客
12-13 370
这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到http://47.113.180.18:8080下发起请求，这样就不会存在跨域问题了。开发过程中如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。
解决vue项目本地启动时无法携带cookie
小肉包的博客
02-05 5766
解决vue项目打包部署到服务器上可以正常登录，本地启动时无法携带cookie
Vue 加入 withCredentials 后无法进行跨域请求
weixin_42411512的博客
03-01 1462
今天在做Springboot +vue+axios时发送了跨域请求发现报记前端跨域踩坑，报Access to XMLHttpRequest at 'http://localhost:7050/runtime/uav/bookmark/photo/1' from origin 'http://192.168.1.182:8088' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in
本地运行vue项目不携带cookie的解决办法
kangluon的博客
03-08 1180
1. 拉了以前的代码运行，发现可以登录 2. 但是很多接口都报错 测试环境以看，请求的地址一样，就是少了cookie 3. 最后发现谷歌浏览器的问题 解决办法： 1. 在地址栏输入 chrome://flags/ 2. 搜索 SameSite 3. 改为disabled重新运行即可 ...
Vue axios 跨域请求无法带上cookie的解决
10-14
主要介绍了Vue axios 跨域请求无法带上cookie的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
10-17
今天小编就为大家分享一篇vue项目使用axios发送请求让ajax请求头部携带cookie的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
01-19
环境： 前端 vue ip地址：192.168.1.205 ...搜索问题，发现跨域，服务器响应的setCookie浏览器无法保存，而且就算保存了域名不同也不能携带。 第一步： 后台添加过滤器，因为前后端分离，不可能每个方
关于Iframe如何跨域访问Cookie和Session的解决方法
10-27
在Web开发中，Iframe（内联框架）常用于嵌入其他网页内容，但涉及到跨域访问时，尤其是在处理Cookie和Session时，会遇到一些挑战。本文主要探讨如何解决Iframe跨域访问Cookie和Session的问题。 首先，理解跨域访问...
vue-resouce设置请求头的三种方法
08-29
// 接口每次请求会跨域携带 cookie // request.method = 'POST'; // 请求方式（get, post） request.headers.set('token', '111'); // 请求 headers携带参数 next((response) => { return response; }); }) ``...
关于本地调试不携带cookie
high32的博客
10-02 2128
最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。 问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。 说要低版本火狐是吧，首先
VUE + spring boot cookie 跨域问题解决
weixin_42269089的博客
09-14 375
这个问题 真的是太烧脑了????... 本人百度了100种方法 都没有得到有效的解决!!! 最后苍天不负有心人... 第一步:需要在前端添全局定义 axios.defaults.withCredentials=true 第二步: 添加 CorsConfig类 @Configuration @EnableWebMvc public class CorsConfig implements WebMvcConfigurer { public void addCorsMa..
vue axios 请求不带cookie问题
qq_35120986的博客
04-02 5724
场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败. 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上 withCredentials:true 的属性. 2. 修改axios默认配置, 使得每次请求默认携带cookie. import axios from 'axios' axios.defaults.withCredentials=true; 总结：第一种方式应用于
前后端分离部署情况下，cookie失效问题之chrome浏览器SameSite问题
z974251478的博客
04-20 2654
项目基于前后端分离部署，其中会涉及跨域及会话问题，项目对跨域使用cors解决，对会话不一致问题使用了redis解决。这次遇到的问题是基于chrome浏览器SameSite出现的cookie失效。
vue-请求时不带cookie的解决方案
startyangu的博客
11-11 1252
https://blog.csdn.net/qq_35120986/article/details/123927470
springboot+vue前后端分离cookie跨域问题+axios.defaults.withCredentials = true 前端跨域传递Cookie设置问题
weixin_44044816的博客
04-22 637
1、springboot+vue前后端分离cookie跨域问题 设置之后，发现后端数据正确，但是前端界面不能跳转了并且出现 Access to XMLHttpRequest at 'http://localhost:8888/getUserInfo?id=4' from origin 'http://localhost:8080' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header
vue在接口请求时如何携带cookie
07-14
在 Vue 中发送接口请求时，可以通过设置 `withCredentials` 选项来携带 cookie。这个选项可以在发送请求的配置对象中进行设置。以下是一个示例： ```javascript axios.get('https://api.example.com/data', { withCredentials: true }) .then(response => { // 处理响应 }) .catch(error => { // 处理错误 }); ``` 在上面的例子中，使用了 Axios 库发送 GET 请求，并设置了 `withCredentials: true` 来携带 cookie。你可以根据实际情况使用其他的请求库或方法。 请注意，需要确保接口服务器允许跨域请求并且与前端应用共享 cookie。在服务器端的响应头中需要设置 `Access-Control-Allow-Credentials: true`，以允许浏览器携带 cookie。 另外，还要注意在开发环境中，如果前端应用和接口服务器运行在不同的域名下，需要配置代理以解决跨域问题。你可以在 Vue 的配置文件 `vue.config.js` 中配置代理，以便开发环境下能够正常发送请求并携带 cookie。 以上是一种常见的解决方案，具体实现方式可能会因项目配置和需求而有所不同。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值