vue项目使用axios发送请求让ajax请求头部携带cookie的方法

 更新时间:2018年09月26日 14:51:07   作者:若晨工作室  
今天小编就为大家分享一篇vue项目使用axios发送请求让ajax请求头部携带cookie的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

最近做vue项目时遇到登录权限问题,登录以后再发送的请求头部并没有携带登录后设置的cookie,导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的,因此,在main.js中设置如下:

import axios from 'axios'
axios.defaults.withCredentials=true;//让ajax携带cookie
Vue.prototype.$axios = axios;

这样请求头就可以带着设置好的cookie向后台发送请求了,这样初级的登录权限就可以验证了。

如有疑问,欢迎随时交流。

以上这篇vue项目使用axios发送请求让ajax请求头部携带cookie的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue press 支持图片放大功能的实例代码

    Vue press 支持图片放大功能的实例代码

    这篇文章主要介绍了 Vue press 支持图片放大功能,本文通过代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • 基于vue.js无缝滚动效果

    基于vue.js无缝滚动效果

    这篇文章主要介绍了一个基于vue.js无缝滚动效果,文中给大家介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2018-01-01
  • vue-treeselect显示unknown的问题及解决

    vue-treeselect显示unknown的问题及解决

    这篇文章主要介绍了vue-treeselect显示unknown的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • uniapp使用scroll-view下拉刷新无法取消的坑及解决

    uniapp使用scroll-view下拉刷新无法取消的坑及解决

    这篇文章主要介绍了uniapp使用scroll-view下拉刷新无法取消的坑及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-05-05
  • 在vue中created、mounted等方法使用小结

    在vue中created、mounted等方法使用小结

    这篇文章主要介绍了在vue中created、mounted等方法使用小结,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • Vue 浏览器本地存储的问题小结

    Vue 浏览器本地存储的问题小结

    这篇文章主要介绍了Vue 浏览器本地存储,LocalStorage 和 SessionStorage 统称为 WebStorage,存储大小一般支持5mb左右,但是不同的浏览器也有区别,具体内容介绍跟随小编一起看看吧
    2022-04-04
  • vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据

    vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据

    这篇文章主要为大家详细介绍了vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • vue-element-admin 全局loading加载等待

    vue-element-admin 全局loading加载等待

    本文主要介绍了vue-element-admin 全局loading加载等待,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • vue3中使用百度地图的简单步骤

    vue3中使用百度地图的简单步骤

    最近项目要用到百度地图api,好久没用到地图,就百度了一番,下面这篇文章主要给大家介绍了关于vue3中使用百度地图的简单步骤,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • 解析使用useDark(),发现transition 动画失效

    解析使用useDark(),发现transition 动画失效

    这篇文章主要为大家介绍了使用useDark(),发现transition动画失效的示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05

最新评论