vue中axios请求不能保存接口返回的cookie

已于 2023-10-20 10:29:17 修改
阅读量296 收藏 1
点赞数 1
文章标签： vue.js 前端 javascript
于 2023-10-20 10:27:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45396650/article/details/133940780
版权

1、检查axios请求中是否添加了withCredentials和crossDomain参数(crossDomain这个参数可加可不加)

withCredentials: true,
crossDomain : true,

2、查看请求的ip地址以及req.getHeader("Origin")的地址（这两个地址其实是同一个ip和端口）

3、查看你浏览器的访问地址以及cookie返回的Domain地址是否一致（127.0.0.1与localhost不能相通）

4、这样就可以保存cookie了。

wwwwen_t
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue axios 跨域请求无法带上cookie的解决
10-14
主要介绍了Vue axios 跨域请求无法带上cookie的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于 vue-cli 里 axios 携带不了 cookie 的问题
qq_41803742的博客
07-29 476
在 vue-cli 里的 main.js 配置 axios 代码里加上 axios.defaults.withCredentials = true; 这行代码就可以携带 cookie 请求了。 原因：axios 请求的时候会默认把 cookie 隐藏掉，所以服务器端会获取不到有些在 session 上保存的数据； ...
Vue中使用axios进行前后端交互，请求头默认不携带cookie
鸭绒的博客
01-26 1910
使用Vue高仿网易云音乐项目，有些交互是需要登录后才能操作。因为服务端需要验证cookie的合法性，比如：用户想“评论”某一首歌，那么用户就必须先登录个人账号，登录成功后，服务端会返回一个cookie，我们需要保存下来，然后在评论歌曲发起请求时，需要在请求头携带cookie用于验证用户。 一开始认为cookie只要保存下来就会在下次发起请求时，请求头就会自动携带。事实上，我们还需简单配置一下axios： withCredentials: true 示例： const instance = new .
Vue中axios请求默认不带cookie问题
mrsun_web
09-01 1097
使用场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上withCredentials:true的属性 2. 修改axios默认配置, 使得每次请求默认携带cookie axios.defaults.withCredentials=true; 总结： 第一种方式应用于大部分请求不想带cookie，只有少部分请求需...
set-cookie无法自动保存到cookie
qq_40352933的博客
06-02 2923
set-cookie无法自动保存到cookie
在nodejs中的axios保持cookie
陌生人的博客
03-30 4898
使用了thinkjs框架，其它的环境大同小异，为防止以后会用到，特此记录 const Base = require('./base.js'); const axios = require('axios'); const tough = require('tough-cookie'); const axiosCookieJarSupport = require('axios-cookiejar-s...
axios请求返回状态码处理和跨域请求时允许保存cookie
qq_37734787的博客
06-21 375
// 返回指定范围状态码 axios.defaults.validateStatus = function (status) { return status >= 200 && status <= 500; // 默认的 }; // 跨域请求，允许保存cookie axios.defaults.withCredentials = true;
vue登录如何存储cookie_为什么vue无法保存cookie
weixin_36336710的博客
02-05 1868
用户登录成功后，使用cookie保存已登录的用户信息可是为什么保存不了？function set(name, value, expires, path, domain, secure){let cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value)if (expires instanceof Date)cook...
axios库读不到cookie_axios客户端无法存储cookie
weixin_39631689的博客
12-19 823
背景最近在用vue重构公司公司AngularJS 1.X项目，老项目身份认证采用的cookie，前端ajax库采用是angularJS的$http/$resource服务，新版采用的是axios，但是发现前端http响应头中少了Set-Cookie属性，同时在浏览器中查询不到cookie信息。postman请求正常，使用axios请求不正常，如下图所示：axios:postman:原因：1、为什么...
axios中对cookie的封装
qq_34893429的博客
09-29 2121
function isStandardBrowserEnv() { if(typeof navigator !== 'undefined' && navigator.product === 'ReactNative'){ return false; } return ( typeof window !== 'undefined' &&
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
10-17
今天小编就为大家分享一篇vue项目使用axios发送请求让ajax请求头部携带cookie的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解Vue用axios发送post请求自动set cookie
12-09
vue-resource不再维护之后，我也用起了axios，但是死活无法设置服务器发送过来的cookie 后来查询文档发现，这个是要单独配置的。 // `withCredentials` indicates whether or not cross-site Access-Control ...
vue2编写主体页面
5年编程经验的老猿。
04-28 450
这个示例展示了一个基本的主体页面布局，其中包含了侧边栏、导航栏和主要内容区域。Element UI的el-container、el-aside、el-header和el-main组件被用来创建布局的不同部分，而el-menu和el-submenu组件则用来创建侧边栏的导航菜单
三、VUE数据代理
D_A_I_H_A_O的博客
04-29 558
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
Vue开发者工具Vue.js devtools Vue开发者工具安装步骤前端开发工具免费附带教程
gaoyu007的博客
04-28 335
Vue开发者工具Vue.js devtools Vue开发者工具安装步骤前端开发工具免费附带教程
Vue Canvas图片水印的绘制 图片加水印
生产队的驴
04-28 180
/
Vue.js(过渡)
qq_74472152的博客
04-28 667
过渡其实就是一个淡入淡出的效果。v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to: 定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时v-enter被移除)，在过渡/动画完成之后移除。v-leave: 定义离开过渡的开始状态。在离开过渡被触发时立刻生效，下一帧被移除。
vue 快速入门 系列 —— 玩转 CMS
ZL4120505的博客
04-29 794
例如 src/layouts/BasicLayout.less，里面包含一些基本布局的样式，被 src/layouts/BasicLayout.vue 引用，项目中使用这种布局的页面就不需要再关心整体布局的设置。好比中医发展了好几千年，许多本源的东西老中医也是不清楚的，但我们摸索出一套规则，按照这个能治病，这个就很好。.clearfix() 混合器定义了清除浮动的样式。组件相关的样式，有一些在页面中重复使用的片段或相对独立的功能，你可以提炼成组件，相关的样式也应该提炼出来放在组件中，而不是混淆在页面里。
vue修改路由meta的标题
最新发布
m0_50981596的博客
04-29 157
【代码】vue修改路由meta的标题。
在vue的axios请求中如何携带cookie
06-03
在Vue的axios请求中，可以通过设置axios的withCredentials属性为true来携带cookie，示例代码如下： ``` axios.get('/api/user', { withCredentials: true }) .then(response => { console.log(response.data); })...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值