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

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

解决办法：

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

在这里插入图片描述

啊柒_
关注
前端vue项目发送请求不携带cookie（vue.config.js和nginx反向代理）
黎小小的博客
01-05 4276
本来发现问题，是因为后台记录到接收到的sessionId一直在变化，导致需要在同一个sessionId下处理的逻辑无法实现。后来才发现前端发的请求都没有带cookie，就是这里，我的之前是不带这个Cookie的。接口文件api.js中设置每次携带cookie。
axios库读不到cookie_Vue axios 跨域请求无法带上cookie的解决
weixin_39811036的博客
12-19 1284
Vue axios 跨域请求无法带上cookie的解决在main.js设置// 携带cookieaxios.defaults.withCredentials = true补充知识：VUE axios请求跨域时没有带上cookie或者每次cookie都改变这两天用VUE写管理后端时，碰到一个奇葩问题：我本地使用dev配置开发的时候 请求可以带上cookie信息 打包出来部署在服务器上 请求就没带上...
postman做最基础的接口测试
eternally_y的博客
09-22 187
1.新建一个项目 Collections- +Collection.添加一个项目 2.添加一个请求信息 1.选择一个请求方法，我们常用到的一般是get或者post 2.填写请求的url 3.get和post请求的区别 get：请求参数直接写在url后，用？连接 post:post请求添加在body中 4.点击send 发送请求 ...
解决vue项目本地启动时无法携带cookie
小肉包的博客
02-05 6191
解决vue项目打包部署到服务器上可以正常登录，本地启动时无法携带cookie
关于本地调试不携带cookie
high32的博客
10-02 2764
最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。 问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。 说要低版本火狐是吧，首先
vue项目不携带cookie的解决办法合集
qq_28568547的博客
04-01 3133
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 1409
https://blog.csdn.net/qq_35120986/article/details/123927470
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
12-01
总结，要使Vue项目中的axios请求携带cookie，关键在于设置axios的`withCredentials`选项为`true`，并在服务端正确配置CORS策略。这样，无论是常规的请求还是跨域请求，都可以顺利地将用户的登录状态传递给服务器，...
vue本地开发环境访问一级域名cookie访问不到,使用hosts代理一级域名,在vue-cli的config下做了跨域设置
weixin_44272169的博客
05-10 818
但是这段时间开发下来，发现这种办法只能解决一部分此类问题。举个栗子，有时候开发会遇到调用接口需要依赖cookie的情况，但是不同域名下的cookie无法共享，这就导致在本地开发的过程中，虽然在vue-cli的config下做了跨域设置，能够调用到接口，但是却无法请求到数据的问题，这着实让人头疼不已。 针对这个问题，我想到直接将开发环境的域名配置成所需要的域名即可，即在build/dev-server.js中进行配置： var uri = 'http://xxxxxxxx' //配置所需域名 之后在本地的
【vue axios 跨域】cookie、origin等一步步递进的跨域踩坑 已解决
weixin_44752429的博客
01-28 5164
前后端对接必出bug，最近连续对接了两个项目，对解决跨域有点感觉了，跟大家分享一下经验，都是血的教训… 两个项目都是Springboot+Vue（axios网络请求）。本人主要负责前端，所以前端会分享具体的代码，后端就大致分享一下相应的解决思路。（如果你是后端，应该都懂；如果你是前端，就把思路告诉你的后端，他应该都懂~） 第一个坑：No ‘Access-Control-Allow-Origin’ header 首先，最初也是最常见的情况。在浏览器直接输入网址可以访问到后端，但是前端无法请求到。跨域报错信息：
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与IDEL解决跨域问题
fen_dou_shao_nian的博客
08-31 275
前言 跨域是浏览器对ajax请求的限制 跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对js施加的安全限制。（ajax可以） 同源策略：是指协议，域名，端囗都要相同，其中有一个不同都会产生跨域； 跨域请求流程： 非简单请求(PUT、DELETE)等，需要先发送预检请求 -----1、预检请求、OPTIONS ------> <----2、服务器响应允许跨域 ------ 浏览器 | |
解决vuecli中axios请求跨域无法携带cookie
weixin_66196770的博客
12-13 548
这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到http://47.113.180.18:8080下发起请求，这样就不会存在跨域问题了。开发过程中如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。
本地开发chrome无法携带cookie的解决办
helloschurmi的博客
03-02 1594
修改浏览器配置 低版本的Chrome浏览器 例如89版 修改SameSite 的解决办法网上有很多；但是对于最新版，大于91版本发现chrome貌似强制禁用第三方cookie了，这就导致开发的时候，使用cookie的项目，访问不同域没有办法携带cookie，暂时没有好的解决办法 vue使用代理 在使用vue-cli3版本 可以在vue.config.js中添加代理到本地 devServer: { proxy: { '/api': { target: 'htt
90版本以上的谷歌浏览器，本地请求不携带cookie
TurtleOrange的博客
07-21 2834
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 1253
使用场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上withCredentials:true的属性 2. 修改axios默认配置, 使得每次请求默认携带cookie axios.defaults.withCredentials=true; 总结： 第一种方式应用于大部分请求不想带cookie，只有少部分请求需...
本地nginx处理vue开发时因为跨域而无法保set-cookie的问题
littlebearGreat——宁静致远
03-15 1442
以往用vue开发时，处理跨域问题只需要在xue.config.js文件中配置proxy即可，如下 devServer: { open: true, //是否自动弹出浏览器页面 // host: "localhost", port: '8080', https: false, //是否使用https协议 hotOnly: false, //是否开启热更新 proxy: { //开发环境 '/api': {
Vue中使用axios进行前后端交互，请求头默认不携带cookie
鸭绒的博客
01-26 2046
使用Vue高仿网易云音乐项目，有些交互是需要登录后才能操作。因为服务端需要验证cookie的合法性，比如：用户想“评论”某一首歌，那么用户就必须先登录个人账号，登录成功后，服务端会返回一个cookie，我们需要保存下来，然后在评论歌曲发起请求时，需要在请求头携带cookie用于验证用户。 一开始认为cookie只要保存下来就会在下次发起请求时，请求头就会自动携带。事实上，我们还需简单配置一下axios： withCredentials: true 示例： const instance = new .
springboot vue项目游客模式怎么搞
最新发布
03-30
判断是否有 token 存在于本地存储或者 cookie 中；如果没有，则认定该访客处于“游客”状态下运行特定逻辑。 ```javascript import router from './router'; import store from '@/store'; // 添加路由导航守卫 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值