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 21 Javascript
用jquery和json从后台获得数据集的代码
Nov 07 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
Sep 23 Javascript
JQuery的ready函数与JS的onload的区别详解
Nov 21 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
Nov 22 Javascript
IE浏览器中图片onload事件无效的解决方法
Apr 29 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
JS函数定义方式的区别介绍
Mar 22 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
mui上拉加载更多下拉刷新数据的封装过程
Nov 03 Javascript
JS实现的计数排序与基数排序算法示例
Dec 04 Javascript
vue登录以及权限验证相关的实现
Oct 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
PHP程序61条面向对象分析设计的经验小结
2008/11/12 PHP
PHP中文件上传的一个问题
2010/09/04 PHP
use jscript Create a SQL Server database
2007/06/16 Javascript
JavaScript类型转换方法及需要注意的问题小结(挺全面)
2010/11/11 Javascript
JS动态调用方法名示例介绍
2013/12/18 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
jQuery中last()方法用法实例
2015/01/06 Javascript
Google 地图叠加层实例讲解
2016/08/06 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
使用JS组件实现带ToolTip验证框的实例代码
2017/08/23 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
基于JavaScript实现报警器提示音效果
2017/10/27 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
Python实现的文本编辑器功能示例
2017/06/30 Python
Python subprocess模块详细解读
2018/01/29 Python
利用Django-environ如何区分不同环境
2018/08/26 Python
python模拟实现分发扑克牌
2020/04/22 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
西式婚礼主持词
2014/03/13 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
胡桃夹子观后感
2015/06/11 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS