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

 更新时间:2020年09月08日 08:39:17   投稿:jingxian  
这篇文章主要介绍了Vue axios 跨域请求无法带上cookie的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

在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的解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue+element表格导出为Excel文件

    vue+element表格导出为Excel文件

    这篇文章主要为大家详细介绍了vue+element表格导出为Excel文件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • 基于Echarts图表在div动态切换时不显示的解决方式

    基于Echarts图表在div动态切换时不显示的解决方式

    这篇文章主要介绍了基于Echarts图表在div动态切换时不显示的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)

    Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)

    这几天在做项目时遇到微信扫描二维码的然后进入公众号网页巴拉巴拉的,然后就很顺利的遇到了在安卓端扫码的时候,顺利的一塌糊涂,然后到了苹果端的时候,就只能出现一个保存图片,然后就写一下记录一下这问题的解决方法
    2020-01-01
  • vue使用keep-alive实现数据缓存不刷新

    vue使用keep-alive实现数据缓存不刷新

    这篇文章主要介绍了vue使用keep-alive实现数据缓存不刷新,这里整理了详细的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Vue富文本插件(quill-editor)的使用及说明

    Vue富文本插件(quill-editor)的使用及说明

    这篇文章主要介绍了Vue富文本插件(quill-editor)的使用及说明,具有很好的参考价值,希望对大家有所帮助。
    2023-02-02
  • vue中手机号,邮箱正则验证以及60s发送验证码的实例

    vue中手机号,邮箱正则验证以及60s发送验证码的实例

    下面小编就为大家分享一篇vue中手机号,邮箱正则验证以及60s发送验证码的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • VUE引入DataV报错解决实战记录

    VUE引入DataV报错解决实战记录

    在使用vue开发大屏时,发现了一个很好用的可视化组件库DataV,下面这篇文章主要给大家介绍了关于VUE引入DataV报错解决的实战记录,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-04-04
  • Vue 关闭当前页、关闭当前标签tagsView的实现方法

    Vue 关闭当前页、关闭当前标签tagsView的实现方法

    这篇文章主要介绍了Vue 关闭当前页、关闭当前标签tagsView,主要有两种方式,一种是在vue页面直接实现,另一种在js文件中写自定义函数,在vue页面中调用,本文通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • vue keep-alive的简单总结

    vue keep-alive的简单总结

    这篇文章主要介绍了vue中的keep-alive的相关资料,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2021-01-01
  • vue项目中禁用浏览器缓存配置案例

    vue项目中禁用浏览器缓存配置案例

    这篇文章主要介绍了vue项目中禁用浏览器缓存配置案例,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09

最新评论