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格式化数字保留两位小数点示例代码
Oct 15 Javascript
JavaScript函数详解
Nov 17 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
Jun 24 Javascript
Bootstrap每天必学之轮播(Carousel)插件
Apr 25 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
AngularJS页面带参跳转及参数解析操作示例
Jun 28 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 Javascript
从零开始搭建webpack+react开发环境的详细步骤
May 18 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
Mar 17 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
smarty 缓存控制前的页面静态化原理
2013/03/15 PHP
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
js parentElement和offsetParent之间的区别
2010/03/23 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
分享JavaScript获取网页关闭与取消关闭的事件
2013/12/13 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
JavaScript+CSS无限极分类效果完整实现方法
2015/12/22 Javascript
三种方式实现瀑布流布局
2017/02/10 Javascript
React组件之间的通信的实例代码
2017/06/27 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
Python创建日历实例
2014/08/21 Python
python回调函数用法实例分析
2015/05/09 Python
Python优先队列实现方法示例
2017/09/21 Python
python实现用户答题功能
2018/01/17 Python
python的dataframe和matrix的互换方法
2018/04/11 Python
TensorFlow损失函数专题详解
2018/04/26 Python
Python单元测试实例详解
2018/05/25 Python
Python中实例化class的执行顺序示例详解
2018/10/14 Python
django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用,基于对象的跨表查询】
2019/12/12 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
numpy 矩阵形状调整:拉伸、变成一位数组的实例
2020/06/18 Python
Numpy中的数组搜索中np.where方法详细介绍
2021/01/08 Python
电子工程求职信
2014/07/17 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
经验交流材料格式
2014/12/30 职场文书
golang中实现给gif、png、jpeg图片添加文字水印
2021/04/26 Golang
如何使用Python提取Chrome浏览器保存的密码
2021/06/09 Python
Python实现生活常识解答机器人
2021/06/28 Python