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 相关文章推荐
JQuery跨Iframe选择实现代码
Aug 19 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
页面右下角弹出提示框示例代码js版
Aug 02 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 Javascript
js实现下拉框选择要显示图片的方法
Feb 16 Javascript
功能强大的Bootstrap效果展示(二)
Aug 03 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
微信小程序 下拉菜单的实现
Apr 06 Javascript
微信小程序实现倒计时60s获取验证码
Apr 17 Javascript
vue集成百度UEditor富文本编辑器使用教程
Sep 21 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
vue 中 beforeRouteEnter 死循环的问题
Apr 23 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
PHP中in_array函数使用的问题与解决办法
2016/09/11 PHP
jQuery实现渐变下拉菜单的简单方法
2015/03/11 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
浅谈js的异步执行
2016/10/18 Javascript
实例解析angularjs的filter过滤器
2016/12/14 Javascript
JavaScript事件处理程序详解
2017/09/19 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
jquery将信息遍历到界面上实例代码
2020/01/21 jQuery
vue中提示$index is not defined错误的解决方式
2020/09/02 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
[06:06]2018DOTA2亚洲邀请赛主赛事第四日战况回顾 全明星赛欢乐上演
2018/04/07 DOTA
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
python实现ftp客户端示例分享
2014/02/17 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
Django跨域请求问题的解决方法示例
2018/06/16 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
详解python的四种内置数据结构
2019/03/19 Python
python中Lambda表达式详解
2019/11/20 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
Python3基本输入与输出操作实例分析
2020/02/14 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
大学生实习自我鉴定
2013/12/11 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
环境整治工作方案
2014/05/18 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
2014年人事工作总结范文
2014/11/19 职场文书
审美与表现自我评价
2015/03/09 职场文书
银行柜员工作心得体会
2016/01/23 职场文书
Vertica集成Apache Hudi重磅使用指南
2022/03/31 Servers