Vue axios 跨域请求无法带上cookie的解决


Posted in Javascript onSeptember 08, 2020

在main.js设置

// 携带cookie

axios.defaults.withCredentials = true

补充知识:VUE axios请求跨域时没有带上cookie或者每次cookie都改变

这两天用VUE写管理后端时,碰到一个奇葩问题:

我本地使用dev配置开发的时候 请求可以带上cookie信息  打包出来部署在服务器上 请求就没带上cookie信息。

然后自己慢慢排查,联合后端同事,排查这个cookie问题,前端也配置了

axios.defaults.withCredentials = true;

后端也配置了跨域cookie,然后就是没用,每次后台获取到的sessionID都是一个新的。

得,仔细对比了跨域相关的配置,发现这块真的没啥问题,那就开始检查VUE工程的引入的工具了。

经过挨个排查,终于发现了作妖的东西了:mock.js

由于配置的问题,在打包部署的时候,将mock引入打包了,mock将每次的请求的cookie都重新刷新了,导致后台每次获取的SessionID都不一样。

得,自己写的代码 怪谁呢?

以上这篇Vue axios 跨域请求无法带上cookie的解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
顶部缓冲下拉菜单导航特效的JS代码
Aug 27 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
Oct 24 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 Javascript
用Vue写一个分页器的示例代码
Apr 22 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
Mar 07 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
layui点击按钮页面会自动刷新的解决方案
Oct 25 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
Feb 20 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
JS 图片压缩原理与实现方法详解
Apr 29 Javascript
Vue实现简单的跑马灯
May 25 Javascript
详解JavaScript的this指向和绑定
Sep 08 #Javascript
vue点击按钮实现简单页面的切换
Sep 08 #Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 #Javascript
VUE中setTimeout和setInterval自动销毁案例
Sep 07 #Javascript
vue a标签点击实现赋值方式
Sep 07 #Javascript
JavaScript实现多球运动效果
Sep 07 #Javascript
JavaScript实现世界各地时间显示
Sep 07 #Javascript
You might like
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
MooTools 1.2介绍
2009/09/14 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
基于jQuery实现下拉框
2014/11/24 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
2016/12/14 Javascript
详解VUE 数组更新
2017/12/16 Javascript
vue 中swiper的使用教程
2018/05/22 Javascript
vue 出现data-v-xxx的原因及解决
2020/08/04 Javascript
Python修改Excel数据的实例代码
2013/11/01 Python
python模拟登录并且保持cookie的方法详解
2017/04/04 Python
django框架如何集成celery进行开发
2017/05/24 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
详解Python自建logging模块
2018/01/29 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
python将回车作为输入内容的实例
2018/06/23 Python
关于python写入文件自动换行的问题
2018/06/23 Python
django 自定义过滤器的实现
2019/02/26 Python
Python中调用其他程序的方式详解
2019/08/06 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
python多项式拟合之np.polyfit 和 np.polyld详解
2020/02/18 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
鞋子女王塔玛拉·梅隆同名奢侈品牌:Tamara Mellon
2017/11/22 全球购物
应届生保险求职信
2013/11/11 职场文书
行政专员工作职责
2013/12/22 职场文书
2014年食品安全工作总结
2014/12/04 职场文书
现役军人家属慰问信
2015/03/24 职场文书
倡议书范文大全
2015/04/28 职场文书
高考1977观后感
2015/06/04 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
详解分布式系统中如何用python实现Paxos
2021/05/18 Python