位置: 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是什么意思中文)

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

  • 前置摄像头有灰尘怎么处理(前置摄像头有灰影响使用吗)

    前置摄像头有灰尘怎么处理(前置摄像头有灰影响使用吗)

  • word空白页怎么自制封面(word空白页怎么删除最后一页)

    word空白页怎么自制封面(word空白页怎么删除最后一页)

  • 手机手电筒开一晚上没事吧(手机手电筒开一夜会爆炸吗)

    手机手电筒开一晚上没事吧(手机手电筒开一夜会爆炸吗)

  • b站的贝壳是怎么来的(b站的贝壳是怎么算的)

    b站的贝壳是怎么来的(b站的贝壳是怎么算的)

  • OPPO手机怎么拍照搜索(oppo手机怎么拍月亮)

    OPPO手机怎么拍照搜索(oppo手机怎么拍月亮)

  • 快手铁粉标志什么意思(快手上显示铁粉是什么意思)

    快手铁粉标志什么意思(快手上显示铁粉是什么意思)

  • 拼多多同城直播在哪里(拼多多同城直播怎么开通)

    拼多多同城直播在哪里(拼多多同城直播怎么开通)

  • 为什么word打字后面的字自动换行(为什么word打字下面有红色波浪线)

    为什么word打字后面的字自动换行(为什么word打字下面有红色波浪线)

  • 启用gpu调试层有必要开吗(启用 gpu 调试层)

    启用gpu调试层有必要开吗(启用 gpu 调试层)

  • 2014816是红米几(2014816是红米什么版)

    2014816是红米几(2014816是红米什么版)

  • 电脑上除以号怎么打(电脑除以号怎么弄)

    电脑上除以号怎么打(电脑除以号怎么弄)

  • 手机微信支付不了怎么回事(手机微信支付不绑定银行卡可以吗)

    手机微信支付不了怎么回事(手机微信支付不绑定银行卡可以吗)

  • word开始选项卡内容(word开始选项卡不能完成的设置是)

    word开始选项卡内容(word开始选项卡不能完成的设置是)

  • 华为nova5插卡孔是哪个孔(华为nove5插卡孔)

    华为nova5插卡孔是哪个孔(华为nove5插卡孔)

  • oppo耳机图标怎么关闭(oppo出耳机图标没声音)

    oppo耳机图标怎么关闭(oppo出耳机图标没声音)

  • 苹果11pro怎么看是不是国行(苹果11pro怎么看流量使用情况)

    苹果11pro怎么看是不是国行(苹果11pro怎么看流量使用情况)

  • 小米9pro反向充电怎么用(小米9pro反向充电多少w)

    小米9pro反向充电怎么用(小米9pro反向充电多少w)

  • 韩剧tv怎么评分(韩剧tv分类在哪里)

    韩剧tv怎么评分(韩剧tv分类在哪里)

  • imovie如何解除drm保护(imovie怎么撤销)

    imovie如何解除drm保护(imovie怎么撤销)

  • 抖音段子怎么配音说话(抖音段子怎么配音乐)

    抖音段子怎么配音说话(抖音段子怎么配音乐)

  • 苹果8p支持无线充电吗(苹果12不支持无线充电吗)

    苹果8p支持无线充电吗(苹果12不支持无线充电吗)

  • 微信收款语音总是延迟(微信收款语音总是延时怎么解决)

    微信收款语音总是延迟(微信收款语音总是延时怎么解决)

  • Chrome 浏览器获取网址映射 IP 地址 DNS 解析过程详细介绍(获取谷歌浏览器cookie)

    Chrome 浏览器获取网址映射 IP 地址 DNS 解析过程详细介绍(获取谷歌浏览器cookie)

  • 关于在若依平台中建立树形结构无法使用按钮编辑和新增的修改(若依前后端不分离)(若依idea)

    关于在若依平台中建立树形结构无法使用按钮编辑和新增的修改(若依前后端不分离)(若依idea)

  • 什么情况要缴印花税
  • 关联公司往来款算应收账款吗
  • 出口退税不退税则征税
  • 公务接待和商务服务区别
  • 新会计准则科目编码
  • 企业哪些做法违背了营销道德
  • 支付员工经济补贴怎么算
  • 聘用人员工资福利待遇
  • 应交税金明细账余额怎么算
  • 个人所得税是否分段计算
  • 视同销售应付福利费账务处理是怎样的?
  • 增值税进项没收到必须开销项怎么办?
  • 公司的钱怎么转出来
  • 营改增后还要交企业所得税吗
  • 补计提以前年度增值税
  • 政府收取的工程物资
  • 固定资产机器设备使用年限
  • 出口退税企业分类
  • 拿到购房发票
  • 跨区域个人所得税延期情况说明
  • 装修公司购装修材料入什么科目?
  • 资产减值损失怎么影响利润
  • 收到存款利息收入
  • 收到以前年度退回的企业所得税怎么做账
  • Win11如何设置快捷键调音量
  • 开成品油发票要注意什么?
  • 收回已核销的坏账并入账是什么意思
  • 结转消费成本的会计分录
  • 公积金补缴需要去柜台吗
  • ghoststarttrayapp.exe是什么进程 有什么作用 ghoststarttrayapp进程查询
  • php session_id
  • 若依系统怎么样
  • 北极光下的众神图片
  • 对外投资损失是负债吗
  • 汇总开具的运输发票
  • 无形资产摊销的方法
  • 利用python
  • 没有什么盈利的公司应该进吗
  • 其他应付款贷方余额表示谁欠谁
  • 银行查询余额
  • 购买的金税盘可以抵扣吗
  • 进项税多记了怎么调账
  • 纳税调整调减有哪些
  • 预收一年房租的会计科目
  • 所得税费用是什么意思
  • 购买办公用品如何节约成本
  • 阶段性减免企业社保费实施政策对象
  • 记账凭证摘要的填制要求
  • 拒收发票需要拒收证明么
  • 工程预付款如何缴税
  • 机床上的配件计入什么费用
  • 汽车三产件
  • 公司员工的电话费可以做费用吗
  • 社保费申报是当月的
  • 上月其他应付款本月怎么调回来
  • 毛利体现的是什么
  • 会计行政法规包括哪些条例?具体说明?
  • windows update更新卡住不动了
  • Win7系统如何清除流氓屏保
  • window10 左下角
  • mac book丢失
  • u启动开机启动快捷键
  • Ubuntu After Install 2.6 帮助你安装 Ubuntu 常用软件
  • Win7如何安装音频设备
  • 校园网升级套餐
  • [置顶]游戏名:chivalry2
  • Nehe第六章纹理映射
  • Unity3D游戏开发培训课程大纲
  • js中的apply方法
  • nodejs基础
  • 在全盘搜索以win
  • 安装node-sass报错
  • android开发中默认的数据库
  • python基础教程chm
  • 创建android项目
  • python仿站软件官网
  • 债务核销条件
  • 电信追缴欠费的工作方案有哪些
  • 如何查询甘肃省学业水平考试成绩
  • 化妆品过海关要交税吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设