位置: IT常识 - 正文

axios+vue 请求时如何携带cookie(vueajax请求的五个步骤)

编辑:rootadmin
axios+vue 请求时如何携带cookie

推荐整理分享axios+vue 请求时如何携带cookie(vueajax请求的五个步骤),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue请求方式有哪些,vue使用axios请求数据,vueajax请求的五个步骤,vueaxios请求数据,vueajax请求,vue axios 请求,vue axios 请求,vueajax请求的五个步骤,内容如对您有帮助,希望把文章链接给更多的朋友!

axios+vue 请求时如何携带cookie 1,当符合同源策略时,可以直接设置 document.cookie = " 你要设置的内容 "

mounted() { document.cookie = "ioiopipoadiasdasdbasdbas"; // 非跨域传递cookie 直接设置cookie即可 this.getData(); //请求的方法 }, methods: { async getData() { let data = await axios.get('/data.json', { params: { id: 1, }, } }, },axios+vue 请求时如何携带cookie(vueajax请求的五个步骤)

此时:可以直接向服务端传递cookie,无需设置。 2,当出现跨域请求的时候 默认情况下:跨域请求不会携带cookie,所以 要添加 withCredentials: true 配置 注意:这种情况下稍微复杂,但是对于前端而言,只需要写上 withCredentials: true 该配置即可 当然在此之前还有 document.cookie = “ioiopipoadiasdasdbasdbas”; 这行代码,你需要设置一个cookie,才可以传给服务端。

document.cookie = “ioiopipoadiasdasdbasdbas” let data2 = await this.$axios.get("http://localhost:9000/select", { withCredentials: true, //设置跨域的时候传递cookie,需要服务端的配合 }); console.log(data2, "data2");

此时:一定需要后端的配合,不然浏览器会爆出一些错误,导致请求失败。 后端代码以node.js为例: 在响应头中添加以下几个字段

res.header('Access-Control-Allow-Credentials', 'true') //当客户端跨域并需要传递cookie时,需要设置Access-Control-Allow-Credentials,并且值为“true” 代表是否向页面暴露cookie // 指定允许的跨域请求字段。res.header( 'Access-Control-Allow-Headers', 'token,Content-Type,Content-Length, Authorization, Accept,X-Requested-With,domain,zdy' //当客户端跨域并需要传递cookie时,需要设置Access-Control-Allow-Headers,并且值为不能为“*”,需要具体配置 代表允许上传的请求头字段 ) // 指定允许的跨域请求的来源。填写星号(*)表示全部域名;您也可以填写完整域名,例如http://www.aliyun.com。res.header('Access-Control-Allow-Origin', 'http://localhost:8082') //当客户端跨域并需要传递cookie时,需要设置Access-Control-Allow-Origin,并且值为不能为“*”,需要具体配置 // 指定允许的跨域请求方法。可同时设置多个方法,多个方法用英文逗号(,)分隔。res.header('Access-Control-Allow-Methods', 'PUT,POST,GET,DELETE,OPTIONS')

也就是说,不管后端是什么语言,需要返回以上四个响应头字段,如下所示,跨域状态下,cookie已经传递成功

值得强调的是:Access-Control-Allow-Origin、Access-Control-Allow-Headers 两个字段一定不要设置为 “*” , 否则也会失败。 此时,请设置具体配置, 这是一个坑,查阅资料得知,部分浏览器对 * 的兼容性不好,有的说法解释说 Access-Control-Allow-Credentials’:‘true’ 该字段会影响 * 的解析,导致报错。

以上就是我对 axios携带 cookie的一些尝试。 如有不妥,请指出,希望对各位有所帮助,共勉!!!

本文链接地址:https://www.jiuchutong.com/zhishi/283481.html 转载请保留说明!

上一篇:ppap是什么进程,ppap是什么意思(ppap是什么意思中文)

下一篇:如何查看电脑型号及配置(如何查看电脑型号信息)

  • 联想小新pro16有指纹解锁吗(联想小新pro16有雷电4接口吗)

    联想小新pro16有指纹解锁吗(联想小新pro16有雷电4接口吗)

  • 苹果13自带手机膜吗(苹果13自带手机壳不)

    苹果13自带手机膜吗(苹果13自带手机壳不)

  • 微信pc版可以发语音吗(微信pc版可以发视频吗)

    微信pc版可以发语音吗(微信pc版可以发视频吗)

  • 华为nova6支持红外线功能吗(华为nova6支持红外线遥控吗)

    华为nova6支持红外线功能吗(华为nova6支持红外线遥控吗)

  • 抖音直播众筹什么意思(抖音直播间众筹什么意思)

    抖音直播众筹什么意思(抖音直播间众筹什么意思)

  • 华为gt2有划痕能修复吗(华为gt2 划痕)

    华为gt2有划痕能修复吗(华为gt2 划痕)

  • 电子体重秤怎么调(电子体重秤怎么调轻一点)

    电子体重秤怎么调(电子体重秤怎么调轻一点)

  • qq匿名投票发起人能看到谁投的吗(qq匿名投票发起人可以看到每个人具体投票结果吗)

    qq匿名投票发起人能看到谁投的吗(qq匿名投票发起人可以看到每个人具体投票结果吗)

  • 华为p40pro可以投影到墙上吗(华为P40pro可以投屏在电视上吗)

    华为p40pro可以投影到墙上吗(华为P40pro可以投屏在电视上吗)

  • 苹果版本低下载不了软件怎么办(苹果版本低下载不了库乐队怎么办)

    苹果版本低下载不了软件怎么办(苹果版本低下载不了库乐队怎么办)

  • 苹果三代耳机充电时灯不亮(苹果三代耳机充电线是快充吗)

    苹果三代耳机充电时灯不亮(苹果三代耳机充电线是快充吗)

  • 微信被限制8天后登录怎么办(微信被限制8天怎么解决)

    微信被限制8天后登录怎么办(微信被限制8天怎么解决)

  • 笔记本电脑平板电脑都属于(笔记本电脑平板电脑区别)

    笔记本电脑平板电脑都属于(笔记本电脑平板电脑区别)

  • 华为手机的滤镜功能在哪里(华为手机的滤镜有风格选择吗)

    华为手机的滤镜功能在哪里(华为手机的滤镜有风格选择吗)

  • 铃声多多下载的铃声在哪个文件夹(铃声多多下载的歌曲在哪个文件夹)

    铃声多多下载的铃声在哪个文件夹(铃声多多下载的歌曲在哪个文件夹)

  • 说说设置私密怎么取消(说说设置为私密后怎么可见)

    说说设置私密怎么取消(说说设置为私密后怎么可见)

  • iphone11怎么开热点(iphone11怎么开启热点)

    iphone11怎么开热点(iphone11怎么开启热点)

  • 苹果耳机怎么调上一首(苹果耳机怎么调降燥)

    苹果耳机怎么调上一首(苹果耳机怎么调降燥)

  • 微信定位怎么设置(微信定位怎么设置国外)

    微信定位怎么设置(微信定位怎么设置国外)

  • 快手更换手机号要多久(快手更换手机号显示已达上限)

    快手更换手机号要多久(快手更换手机号显示已达上限)

  • 红米k20pro和k20有什么区别(红米k20与k20pro)

    红米k20pro和k20有什么区别(红米k20与k20pro)

  • 直播语音冲突怎么设置(直播语音冲突怎么解决)

    直播语音冲突怎么设置(直播语音冲突怎么解决)

  • trap命令  指定采取的动作(trap指令在用户态执行)

    trap命令 指定采取的动作(trap指令在用户态执行)

  • 印花税票是什么税种
  • 残疾人就业保障金申报时间
  • 开发票商品类别与商品明细的区别
  • 原材料的合理损耗
  • 个体户没有营业执照怎么举报
  • 期间费用构成产品成本嘛
  • 个人外汇收入如何纳税
  • 人防工程被出售,谁承担责任
  • 公司投资控股其他公司如何做账务处理
  • 红冲暂估原材料如何做会计分录
  • 计提递延所得税的会计分录
  • 个人发票增值税
  • 同业清算互联前置 骗局
  • 股票现金分红
  • 住房维修基金使用管理办法
  • 汇总申报怎么申请
  • 招大学生做兼职的网站
  • 第三方派遣劳务不续签补偿金哪边出
  • 加工业务怎么报税的
  • 收到车险理赔款会计分录
  • 开办企业验资
  • windows 11密钥
  • app data文件夹
  • 如何调整文件夹内文件的顺序
  • ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档
  • php数组原理
  • 押金收不回的会计分录
  • AUTOMATIC1111/stable-diffusion-webui安装教程
  • 结转销售原材料会计分录
  • 用人单位如何缴纳医疗保险
  • 公立医院增值税抵扣
  • Yii2如何批量添加数据
  • vue使用scss报错
  • ICLR‘23 UnderReview | LightGCL: 简单而有效的图对比学习推荐系统
  • 应收账款的会计要素
  • 上一年的运费发票怎么开
  • mongodb4
  • About BitRock
  • 客户多付款不要了,多出这部分是哪种收入
  • 公司法人的分类是什么
  • 企业长期借款的渠道有哪些
  • 社保里面的住房公积金买房可以便宜多少
  • 火车退票费如何开票
  • 人力资源公司劳务外包
  • 完税凭证是什么样子
  • 监控 固定资产
  • 事业单位外出参观培训心得
  • 保函保证金怎么入账
  • 土地使用权出资是什么意思
  • 预缴土地增值税的会计处理
  • 销售收入包含哪些费用
  • 年末净利润为负说明什么
  • 农产品进项税额会计分录
  • 公司不做账会怎样?
  • 获取sql表达式时错误
  • Linux系统下mysqlcheck修复数据库命令(详解)
  • solaris 11.4
  • 手动ghost恢复
  • s3tray2.exe - s3tray2是什么进程 有什么用
  • windows8.1正版
  • win7升级到win10专业版教程
  • win7显示ipv4ipv6无网络访问权限
  • win7一开机就弹窗
  • linux中的命令及含义
  • javascript中new Array()和var arr=[]用法区别
  • php开发要求
  • KBEngine v0.4.0 发布,分布式游戏服务端引擎
  • 批量压缩命令
  • javascript中判断数据类型的几种方法
  • js插件推荐
  • python语言中
  • js cookie存取
  • 中国税务主旨是什么?
  • 消费税的税收优惠政策导向
  • 中通快递广东省内收费标准
  • 关于涉访涉诉终结的规定
  • 税务 信息
  • pageoffice控件安装不上
  • 广州酒家月饼抽奖公告最新
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设