本地运行vue项目不携带cookie的解决办法

最新推荐文章于 2022-11-11 19:25:07 发布
最新推荐文章于 2022-11-11 19:25:07 发布
阅读量1.2k 收藏 2
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kangluon/article/details/114524272
版权
当尝试运行旧代码时，发现在谷歌浏览器中许多接口请求返回错误，原因是缺少Cookie。通过深入调查，发现问题出在浏览器的SameSite设置上。通过访问chrome://flags/，搜索并禁用'SameSite'相关设置，成功解决了接口调用失败的问题，现在代码能够正常运行。
摘要由CSDN通过智能技术生成

1. 拉了以前的代码运行，发现可以登录
2. 但是很多接口都报错 测试环境以看，请求的地址一样，就是少了cookie
3. 最后发现谷歌浏览器的问题

解决办法：

1. 在地址栏输入 chrome://flags/
2. 搜索 SameSite
3. 改为disabled重新运行即可

在这里插入图片描述

啊柒_
关注
前端vue项目发送请求不携带cookie（vue.config.js和nginx反向代理）
黎小小的博客
01-05 4038
本来发现问题，是因为后台记录到接收到的sessionId一直在变化，导致需要在同一个sessionId下处理的逻辑无法实现。后来才发现前端发的请求都没有带cookie，就是这里，我的之前是不带这个Cookie的。接口文件api.js中设置每次携带cookie。
axios库读不到cookie_Vue axios 跨域请求无法带上cookie的解决
weixin_39811036的博客
12-19 1213
Vue axios 跨域请求无法带上cookie的解决在main.js设置// 携带cookieaxios.defaults.withCredentials = true补充知识：VUE axios请求跨域时没有带上cookie或者每次cookie都改变这两天用VUE写管理后端时，碰到一个奇葩问题：我本地使用dev配置开发的时候 请求可以带上cookie信息 打包出来部署在服务器上 请求就没带上...
解决vue项目本地启动时无法携带cookie
小肉包的博客
02-05 5958
解决vue项目打包部署到服务器上可以正常登录，本地启动时无法携带cookie
关于本地调试不携带cookie
high32的博客
10-02 2457
最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。 问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。 说要低版本火狐是吧，首先
vue项目不携带cookie的解决办法合集
qq_28568547的博客
04-01 2947
1.浏览器原因（360、火狐没问题，谷歌不行） 解决步骤如下： 1.在浏览器地址栏访问chrome://flags 2.搜索框搜索SameSite，状态改为Disabled（SameSite属性，用来防止 CSRF 攻击和用户追踪） 3.保存、重启浏览器 2.跨域问题，服务器上没问题，本地运行不可以。 解决步骤如下： 前端修改 修改axios中的cookie配置（axios的请求配置默认是不携带cookie信息的） 1.在axios请求的参数中，设置对象属性withCredentials：true 后台配合
vue-请求时不带cookie的解决方案
最新发布
startyangu的博客
11-11 1340
https://blog.csdn.net/qq_35120986/article/details/123927470
本地开发chrome无法携带cookie的解决办
helloschurmi的博客
03-02 1435
修改浏览器配置 低版本的Chrome浏览器 例如89版 修改SameSite 的解决办法网上有很多；但是对于最新版，大于91版本发现chrome貌似强制禁用第三方cookie了，这就导致开发的时候，使用cookie的项目，访问不同域没有办法携带cookie，暂时没有好的解决办法 vue使用代理 在使用vue-cli3版本 可以在vue.config.js中添加代理到本地 devServer: { proxy: { '/api': { target: 'htt
解决 vue本地启动无法携带cookie
yynikki的博客
09-19 1434
线上项目可以携带cookie，本地启动却无法携带cookie
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
12-01
总结，要使Vue项目中的axios请求携带cookie，关键在于设置axios的`withCredentials`选项为`true`，并在服务端正确配置CORS策略。这样，无论是常规的请求还是跨域请求，都可以顺利地将用户的登录状态传递给服务器，...
vue本地开发环境访问一级域名cookie访问不到,使用hosts代理一级域名,在vue-cli的config下做了跨域设置
weixin_44272169的博客
05-10 769
但是这段时间开发下来，发现这种办法只能解决一部分此类问题。举个栗子，有时候开发会遇到调用接口需要依赖cookie的情况，但是不同域名下的cookie无法共享，这就导致在本地开发的过程中，虽然在vue-cli的config下做了跨域设置，能够调用到接口，但是却无法请求到数据的问题，这着实让人头疼不已。 针对这个问题，我想到直接将开发环境的域名配置成所需要的域名即可，即在build/dev-server.js中进行配置： var uri = 'http://xxxxxxxx' //配置所需域名 之后在本地的
Vue axios 跨域请求无法带上cookie的解决
11-19
在main.js设置 // 携带cookie axios.defaults.withCredentials = true 补充知识：VUE axios请求跨域时没有带上cookie或者每次cookie都改变 这两天用VUE写管理后端时，碰到一个奇葩问题： 我本地使用dev配置开发的时候 请求可以带上cookie信息  打包出来部署在服务器上 请求就没带上cookie信息。 然后自己慢慢排查，联合后端同事，排查这个cookie问题，前端也配置了 axios.defaults.withCredentials = true; 后端也配置了跨域cookie，然后就是没用，每次后台获取到的ses
【vue axios 跨域】cookie、origin等一步步递进的跨域踩坑 已解决
weixin_44752429的博客
01-28 5073
前后端对接必出bug，最近连续对接了两个项目，对解决跨域有点感觉了，跟大家分享一下经验，都是血的教训… 两个项目都是Springboot+Vue（axios网络请求）。本人主要负责前端，所以前端会分享具体的代码，后端就大致分享一下相应的解决思路。（如果你是后端，应该都懂；如果你是前端，就把思路告诉你的后端，他应该都懂~） 第一个坑：No ‘Access-Control-Allow-Origin’ header 首先，最初也是最常见的情况。在浏览器直接输入网址可以访问到后端，但是前端无法请求到。跨域报错信息：
Vue 项目实战一 电商项目系列 01项目初始化和登录页面
m0_55170432的博客
05-14 1213
------------------- 项目概述 ----------------------- 根据不同的应用场景，电商系统一般都提供了 PC 端、移动 APP、移动 Web、微信小程序等多种终端访问方式 1.2 电商后台管理系统的功能 电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能。 1.3 电商后台管理系统的开发模式（前后端分离） 电商后台管理系统整体采用前后端分离的开发模式，其中前端项目是基于 Vue 技术栈的 SPA 项目 1.4 电商后台管理系统的技术选型
90版本以上的谷歌浏览器，本地请求不携带cookie
TurtleOrange的博客
07-21 2623
90版本以上的谷歌浏览器，本地请求不携带cookie 1.发现问题 本地用谷歌浏览器跑localhost代码在登录页面去登录，接口一直报请求超时（之前没有问题），经查看前端在发请求的时候没有携带cookie（如下图） 2.产生问题原因 经过测试，谷歌浏览器线上代码没问题√，谷歌浏览器跑本地代码localhost有问题×，火狐浏览器线上代码没问题√，火狐浏览器跑本地代码localhost没有问题√； 原因是：Chrome禁用第三方Cookies的计划，在91版本后谷歌浏览器把same-site-by-def
vue使用代理转发，请求中未携带cookie，导致后端拿不到JSESSIONID
热门推荐
huanhuan03的博客
07-23 1万+
vue请求没有携带cookie 后台获取不到JSSESSION vue接口不发送cookie 验证码错误后台没有session vue请求头带cookie JSESSIONID
Vue中axios请求默认不带cookie问题
mrsun_web
09-01 1195
使用场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上withCredentials:true的属性 2. 修改axios默认配置, 使得每次请求默认携带cookie axios.defaults.withCredentials=true; 总结： 第一种方式应用于大部分请求不想带cookie，只有少部分请求需...
前后端分离开发Cookie的跨域问题，请求中有Cookie信息，但浏览器本地却没有Cookie信息
San_Chi的博客
04-25 2238
前后端分离Cookie跨域问题 现在我们的开发项目基本上都是前后端分离的开发模式了，在前后端分离的开发项目中，第一个问题就是跨域问题，我们通常的解决方案是在前端或后端进行跨域的配置，或则使用nginx进行跨域。而当我们的项目中需要使用cookie的时候，我们会发现一个问题，我们的请求成功了，在我们的请求中cookie也放在了headers中，但我们的浏览器就是没有cookie信息，如下： 我们可以看到，请求时成功的，cookie也是存在头信息中的，但当我们查看本地cookie信息时，却发现没有了，如下图：
本地nginx处理vue开发时因为跨域而无法保set-cookie的问题
littlebearGreat——宁静致远
03-15 1394
以往用vue开发时，处理跨域问题只需要在xue.config.js文件中配置proxy即可，如下 devServer: { open: true, //是否自动弹出浏览器页面 // host: "localhost", port: '8080', https: false, //是否使用https协议 hotOnly: false, //是否开启热更新 proxy: { //开发环境 '/api': {
vue中axios未携带cookie问题
哦哦一人
11-18 1790
这里好像是被axios限制 所以必须加上属性withCredentials=true 你也可以在vue中main.js文件夹配置axios的时候配置 axios.defaults.withCredentials=true 这样你就可以携带cookie了 如果你使用了vue中的代理 那么你可能还是不行携带cookie 具体原因我也不清楚 但是解决方案就是： 请看这个请求头中的Set-cookie 后面是不是还有一个path 这时你需要 ...
Vue 项目部署时静态资源找不到的解决方法
"Vue 项目中 webpack build 静态资源找不到的解决方法" 在 Vue 项目中，使用 Vue CLI 搭建的项目，在本地测试和调试都没有问题，但是在服务器上部署时，静态资源找不到，这个问题是怎么回事？今天，我们将探索这个...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值