vue 登陆成功后携带不了后台传来的 set-cookie 并携带请求错误处理

最新推荐文章于 2024-03-11 14:52:26 发布
最新推荐文章于 2024-03-11 14:52:26 发布
阅读量1.1w 收藏 6
点赞数 4
分类专栏： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rainbow1995/article/details/103008124
版权

正常情况下，当一个接口中反回了该值，其他接口再提交请求，浏览器会自动附加的，不需要你额外关心。

但是使用了axios的时候，发现cookie携带不过去，原以为是没有获取到，后来发现是axios搞的鬼

表现：登陆成功后，发送的接口中，没有携带过去cookie，导致后台获取不到cookie，并且返回错误信息

原因：在axios中默认是不让后端写入cookie的

解决办法：在main.js中或者你封装的异步请求中设置   axios.defaults.withCredentials = true，如下

那么axios中的withCredentials是干嘛的？

文档的描述是 “表示跨域请求时是否需要使用凭证”。

开启withCredentials后，后端才可以写入cookie，并且服务器才能拿到你的cookie，当然后端服务器也要设置允许你获取你开启了才有用

大白的博客
关注
  • 4
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
跪求vue用axios跨域 导致Cookie无法访问的问题 ？万恶的 JSESSIONID 遗留问题 ？亲测可用
saiuna的博客
07-14 1423
说说自己搭建vue cli3 + element ui 的前端工程的经历吧，所遇到的问题 以及集成方面。 由于种种原因，前端的活也得兼容，实在无法忍受JSP了，恰好上面让重构 xx的Web，（原因太丑）。 boss : 听说你会Vue又想 前后分离是吧, 那你来搭建并部署吧。 我： ？？？？ 放下后台，拿起我 的40m 大刀 ，早已经 按捺不住了。 终究工作归工作，走向更好而不是 破罐子破摔，毕业设计 是自学了vue做的, 知道分离的好处，来吧，一些前人的优秀框架。 毕业设计时参考 vue-eleme
vue本地开发，proxy代理https协议服务时，cookie写入失败解决方法
最新发布
weixin_43865244的博客
05-06 460
总结：本来是很简单的一个问题，通过本地开启HTTPS访问就可以了，但是由于同样的代码在代理正式环境（部署在华为云ECS），set-cookie并没有Secure"属性，在代理公测环境迁移到华为云CCE之后set-cookie就带有Secure属性，导致了排查方向错误。但最终与华为云的老师进行会议沟通后，后端同学和华为云的老师也没有搞清楚了导致这种情况的原因。这个错误表明你的应用程序在使用HTTPS时尝试设置一个带有"Secure"属性的cookie，但是浏览器认为连接不是安全的。
vue axios 请求不带cookie问题
qq_35120986的博客
04-02 5765
场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败. 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上 withCredentials:true 的属性. 2. 修改axios默认配置, 使得每次请求默认携带cookie. import axios from 'axios' axios.defaults.withCredentials=true; 总结：第一种方式应用于
记一次vue使用cookie的异常
二木成林
02-01 1347
错误 读取cookie成功，但就是无法在表单中呈现出来，找了很久都没有发现是什么问题。 错误代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 引入css、js等文件 --> <link rel="import" href="/...
vue.js 中cookie的封装
sweet_note的博客
04-13 1200
//获取cookie、 export function getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return (arr[2]); else return null; }//设置cookie,增加
详解Vue用axios发送post请求自动set cookie
12-09
vue-resource不再维护之后，我也用起了axios，但是死活无法设置服务器发送过来的cookie 后来查询文档发现，这个是要单独配置的。 // `withCredentials` indicates whether or not cross-site Access-Control ...
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
10-14
在Vue应用程序中，实现登录验证成功后...通过以上步骤，我们就实现了Vue中登录验证成功后的token保存、每次请求携带token以及token验证的功能。这确保了用户的会话安全，同时也为后端提供了验证用户身份的必要信息。
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
10-17
总结来说，通过在Vue项目的全局配置中设置axios的`withCredentials`属性为`true`，我们可以确保在发送Ajax请求时携带cookie，从而实现身份验证和其他基于cookie的会话管理。这是一个基本的登录权限验证解决方案，但...
Vue axios 跨域请求无法带上cookie的解决
10-14
此外，还要注意的是，如果使用了代理（例如在Vue CLI中使用`vue.config.js`配置的proxy），在开发环境中，跨域问题通常能得到解决，因为代理服务器会转发请求并处理响应头，使得前端能够正确地携带cookie。...
cookie和set-cookie的区别及token值
z2768557792的博客
06-12 8061
请求头中的cookie和响应头的set-cookie的关系 Set-Cookie中的属性Domain限定给域下设置ctoken，然后现在页面所在域却是natapp.cc，所以有ctoken,此网络没有ctoken值，这就造成通过前端使用方法获取不到ctoken值。网络请求中的cookie与set-Cookie的交互模式和作用：1、当很多人访问统一网络服务器，服务器如何区分不同的用户sessionid，sessionid保证了浏览器和服务器唯一性的通信凭证号码，session保存在服务器上，sessionid
vue登录如何存储cookie_为什么vue无法保存cookie
weixin_36336710的博客
02-05 1882
用户登录成功后，使用cookie保存已登录的用户信息可是为什么保存不了？function set(name, value, expires, path, domain, secure){let cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value)if (expires instanceof Date)cook...
解决vuecli中axios请求跨域无法携带cookie
weixin_66196770的博客
12-13 380
这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到http://47.113.180.18:8080下发起请求，这样就不会存在跨域问题了。开发过程中如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。
vue跨域携带Cookies发起请求
陈饭老司机
04-23 985
但是因为Safari 浏览器在默认情况下启用了“防止跨站追踪”功能，该功能会阻止浏览器保存某些第三方网站的 cookie，以防止这些网站通过 cookie 跟踪用户的活动。在Vue当中，我们通常会对axios进行封装，以实现我们自己所需要的request类。今天在看一个老项目，发现项目在chrome浏览器上运行正常，但是在safari浏览器上无法使用。看了一下代码，发现在后端代码当中，会使用到Session进行数据的获取。改动代码后，发送的请求将会带上我们的cookie.
SpringBoot+Vue3项目跨域配置及Set-Cookie:SameSite=Lax 问题
m0_68516464的博客
03-11 584
Set-Cookie:SameSite=Lax 问题,跨域配置
Vue如何读取cookie实现路由守卫（检查用户登录状态）
weixin_45745641的博客
12-19 4967
文章目录前言1.登录请求记录cookie2. 获取cookie的方法3.路由守卫做出判断效果演示 前言 一般实现路由守卫，判断用户的登录状态使用token和cookie验证两种方法，之前出过一期利用token实现路由守卫的方法见此链接 Vue实现路由导航守卫(检测token，强制跳转)，这次项目后端是给我提供的cookie验证，写到这里就记录一下，希望能帮助到你们 1.登录请求记录cookie 一般来说，cookie的记录由后端来实现，我这里亦是如此，点击登录按钮发送登录请求正确，此时浏览器就有cookie
vue3获取请求头set-cookie的值
03-14
可以使用axios拦截器获取请求头set-cookie的值，具体代码如下： ```javascript import axios from 'axios' axios.interceptors.response.use( response => { const setCookie = response.headers['set-cookie'] // 处理set-cookie的值 return response }, error => { return Promise.reject(error) } ) ``` 在拦截器中，我们可以通过response.headers获取到响应头，然后通过['set-cookie']获取到set-cookie的值。接下来就可以对set-cookie的值进行处理了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值