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

最新推荐文章于 2022-10-02 18:07:10 发布
最新推荐文章于 2022-10-02 18:07:10 发布
阅读量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重新运行即可

在这里插入图片描述

啊柒_
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue本地开发环境访问一级域名cookie访问不到,使用hosts代理一级域名,在vue-cli的config下做了跨域设置
weixin_44272169的博客
05-10 743
但是这段时间开发下来，发现这种办法只能解决一部分此类问题。举个栗子，有时候开发会遇到调用接口需要依赖cookie的情况，但是不同域名下的cookie无法共享，这就导致在本地开发的过程中，虽然在vue-cli的config下做了跨域设置，能够调用到接口，但是却无法请求到数据的问题，这着实让人头疼不已。 针对这个问题，我想到直接将开发环境的域名配置成所需要的域名即可，即在build/dev-server.js中进行配置： var uri = 'http://xxxxxxxx' //配置所需域名 之后在本地的
前端vue项目发送请求不携带cookie（vue.config.js和nginx反向代理）
黎小小的博客
01-05 3889
本来发现问题，是因为后台记录到接收到的sessionId一直在变化，导致需要在同一个sessionId下处理的逻辑无法实现。后来才发现前端发的请求都没有带cookie，就是这里，我的之前是不带这个Cookie的。接口文件api.js中设置每次携带cookie。
关于本地调试不携带cookie
high32的博客
10-02 2239
最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。 问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。 说要低版本火狐是吧，首先
解决vue项目本地启动时无法携带cookie
小肉包的博客
02-05 5843
解决vue项目打包部署到服务器上可以正常登录，本地启动时无法携带cookie
vue项目不携带cookie的解决办法合集
qq_28568547的博客
04-01 2816
1.浏览器原因（360、火狐没问题，谷歌不行） 解决步骤如下： 1.在浏览器地址栏访问chrome://flags 2.搜索框搜索SameSite，状态改为Disabled（SameSite属性，用来防止 CSRF 攻击和用户追踪） 3.保存、重启浏览器 2.跨域问题，服务器上没问题，本地运行不可以。 解决步骤如下： 前端修改 修改axios中的cookie配置（axios的请求配置默认是不携带cookie信息的） 1.在axios请求的参数中，设置对象属性withCredentials：true 后台配合
本地开发chrome无法携带cookie的解决办
helloschurmi的博客
03-02 1362
修改浏览器配置 低版本的Chrome浏览器 例如89版 修改SameSite 的解决办法网上有很多；但是对于最新版，大于91版本发现chrome貌似强制禁用第三方cookie了，这就导致开发的时候，使用cookie的项目，访问不同域没有办法携带cookie，暂时没有好的解决办法 vue使用代理 在使用vue-cli3版本 可以在vue.config.js中添加代理到本地 devServer: { proxy: { '/api': { target: 'htt
解决 vue本地启动无法携带cookie
yynikki的博客
09-19 1418
线上项目可以携带cookie，本地启动却无法携带cookie
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
12-01
总结，要使Vue项目中的axios请求携带cookie，关键在于设置axios的`withCredentials`选项为`true`，并在服务端正确配置CORS策略。这样，无论是常规的请求还是跨域请求，都可以顺利地将用户的登录状态传递给服务器，...
Vue axios 跨域请求无法带上cookie的解决
10-14
在浏览器的安全策略中，跨域请求默认不携带cookie，这是为了防止跨站脚本攻击（Cross-Site Request Forgery, CSRF）。但如果我们确实需要在跨域请求中携带cookie，可以通过设置`withCredentials`属性来实现。 在Vue...
关于Vue项目跨平台运行问题的解决方法
10-17
当从gitLab克隆了一个Vue项目，并尝试在本地环境中运行`npm install`和`npm run dev`时，可能会遇到以下错误： ``` >NODE_ENV=development webpack-dev-server --open --inline --hot 'NODE_ENV' 不是内部或外部...
详解如何运行vue项目
10-17
运行命令后，浏览器通常会自动打开localhost:8080地址，这个地址是Vue项目默认的本地开发服务器地址。如果浏览器没有自动打开，可以手动输入该地址访问项目。此时，如果看到了Vue项目的欢迎页面，那么恭喜，项目已经...
90版本以上的谷歌浏览器，本地请求不携带cookie
TurtleOrange的博客
07-21 2529
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 1155
使用场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上withCredentials:true的属性 2. 修改axios默认配置, 使得每次请求默认携带cookie axios.defaults.withCredentials=true; 总结： 第一种方式应用于大部分请求不想带cookie，只有少部分请求需...
前后端分离开发Cookie的跨域问题，请求中有Cookie信息，但浏览器本地却没有Cookie信息
San_Chi的博客
04-25 2167
前后端分离Cookie跨域问题 现在我们的开发项目基本上都是前后端分离的开发模式了，在前后端分离的开发项目中，第一个问题就是跨域问题，我们通常的解决方案是在前端或后端进行跨域的配置，或则使用nginx进行跨域。而当我们的项目中需要使用cookie的时候，我们会发现一个问题，我们的请求成功了，在我们的请求中cookie也放在了headers中，但我们的浏览器就是没有cookie信息，如下： 我们可以看到，请求时成功的，cookie也是存在头信息中的，但当我们查看本地cookie信息时，却发现没有了，如下图：
本地nginx处理vue开发时因为跨域而无法保set-cookie的问题
littlebearGreat——宁静致远
03-15 1360
以往用vue开发时，处理跨域问题只需要在xue.config.js文件中配置proxy即可，如下 devServer: { open: true, //是否自动弹出浏览器页面 // host: "localhost", port: '8080', https: false, //是否使用https协议 hotOnly: false, //是否开启热更新 proxy: { //开发环境 '/api': {
vue中axios未携带cookie问题
哦哦一人
11-18 1761
这里好像是被axios限制 所以必须加上属性withCredentials=true 你也可以在vue中main.js文件夹配置axios的时候配置 axios.defaults.withCredentials=true 这样你就可以携带cookie了 如果你使用了vue中的代理 那么你可能还是不行携带cookie 具体原因我也不清楚 但是解决方案就是： 请看这个请求头中的Set-cookie 后面是不是还有一个path 这时你需要 ...
Vue中使用axios进行前后端交互，请求头默认不携带cookie
鸭绒的博客
01-26 1953
使用Vue高仿网易云音乐项目，有些交互是需要登录后才能操作。因为服务端需要验证cookie的合法性，比如：用户想“评论”某一首歌，那么用户就必须先登录个人账号，登录成功后，服务端会返回一个cookie，我们需要保存下来，然后在评论歌曲发起请求时，需要在请求头携带cookie用于验证用户。 一开始认为cookie只要保存下来就会在下次发起请求时，请求头就会自动携带。事实上，我们还需简单配置一下axios： withCredentials: true 示例： const instance = new .
vueaxios跨域携带cookie
最新发布
05-01
Vue是一个流行的JavaScript框架，用于构建动态Web应用程序。Axios是一种常用的HTTP客户端，用于发送AJAX请求到服务器。在Vue应用程序中，如果需要从不同的域中获取数据，则需要跨域请求。但是，跨域请求却不允许在浏览器中携带Cookie信息，这可能会导致会话丢失的问题。 为了解决这个问题，我们可以使用VueAxios库，该库提供了独特的方法来处理跨域请求。 VueAxios库的示例代码如下： ```javascript import Vue from 'vue' import Axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, Axios) Vue.axios.defaults.withCredentials = true ``` 该代码首先从Vue、Axios、VueAxios模块中导入库，然后使用VueAxios和Axios。最后，我们将Vue.axios.defaults.withCredentials属性设置为true，以告知浏览器跨域请求需要携带Cookie信息。 通过VueAxios和Axios的组合，我们可以轻松地在Vue应用程序中处理跨域请求，并确保Cookie信息得以传递。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值