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

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

  • 苹果13键盘换行键在哪里(苹果键盘怎么换行)

    苹果13键盘换行键在哪里(苹果键盘怎么换行)

  • opporeno4pro怎么插卡(opporeno4pro怎么插双卡)

    opporeno4pro怎么插卡(opporeno4pro怎么插双卡)

  • 怎么防止京东自营发二手(如何阻止京东app弹出来)

    怎么防止京东自营发二手(如何阻止京东app弹出来)

  • 如何通过微信定位其他人(如何通过微信定位一个人的位置免费软件)

    如何通过微信定位其他人(如何通过微信定位一个人的位置免费软件)

  • 宽带连接629被远程计算机终止(宽带连接629被远程计算机终止怎么办)

    宽带连接629被远程计算机终止(宽带连接629被远程计算机终止怎么办)

  • 补侯订单什么意思(什么叫候补订单什么意思)

    补侯订单什么意思(什么叫候补订单什么意思)

  • 京东以旧换新是先拿新手机吗(京东以旧换新是什么意思)

    京东以旧换新是先拿新手机吗(京东以旧换新是什么意思)

  • 苹果三代耳机怎么充电(苹果三代耳机怎么接电话)

    苹果三代耳机怎么充电(苹果三代耳机怎么接电话)

  • 网络信道是什么意思(网络信道怎么调)

    网络信道是什么意思(网络信道怎么调)

  • 视频格式mp4什么意思(视频mp4格式是什么)

    视频格式mp4什么意思(视频mp4格式是什么)

  • 电话被加入黑名单听到的是什么(电话被加入黑名单打电话会提示什么)

    电话被加入黑名单听到的是什么(电话被加入黑名单打电话会提示什么)

  • 参与拼单和发起拼单有什么区别(发起拼单 参与拼单)

    参与拼单和发起拼单有什么区别(发起拼单 参与拼单)

  • 怎么拒收消息(不删微信怎么拒收消息)

    怎么拒收消息(不删微信怎么拒收消息)

  • 惠普笔记本电脑开不了机是怎么回事 (惠普笔记本电脑官网)

    惠普笔记本电脑开不了机是怎么回事 (惠普笔记本电脑官网)

  • 如何通过qq音乐查qq号(如何通过QQ音乐设置铃声)

    如何通过qq音乐查qq号(如何通过QQ音乐设置铃声)

  • 摄像头能看到多远距离(摄像头能看到多远)

    摄像头能看到多远距离(摄像头能看到多远)

  • 华为riotl00是什么型号(华为rioul00是啥型号)

    华为riotl00是什么型号(华为rioul00是啥型号)

  • oppo手机出厂膜能撕吗(OPPO手机出厂膜看得到吗)

    oppo手机出厂膜能撕吗(OPPO手机出厂膜看得到吗)

  • windows7怎么恢复出厂设置(windows7怎么恢复默认主题)

    windows7怎么恢复出厂设置(windows7怎么恢复默认主题)

  • 手机上的指纹锁怎样设置(手机上的指纹锁怎么搞)

    手机上的指纹锁怎样设置(手机上的指纹锁怎么搞)

  • 内存条如何安装(电脑内存条如何安装)

    内存条如何安装(电脑内存条如何安装)

  • 抖音商品功能怎么开通(抖音我商品怎么弄)

    抖音商品功能怎么开通(抖音我商品怎么弄)

  • qq别人送的礼物怎么提现(qq别人送的礼物不收会退回去吗)

    qq别人送的礼物怎么提现(qq别人送的礼物不收会退回去吗)

  • 荣耀怎么设置清理白名单(荣耀手机怎么清理系统应用)

    荣耀怎么设置清理白名单(荣耀手机怎么清理系统应用)

  • 11n无线路由器几兆(路由器11n和11bgn)

    11n无线路由器几兆(路由器11n和11bgn)

  • 新的税收
  • 物流公司如何办理营运证
  • 珠宝首饰可以开发票吗
  • 捐赠的费用放在什么科目
  • 所得税补缴怎么回事
  • 跨年发票问题
  • 企业所得税清算报备表清算结束日
  • 增值税期末留抵退税政策实施力度
  • 应纳税额滞纳金
  • 盈余公积要是提多了能转回么
  • 营改增后混合销售的规定
  • 企业获得的燃油补贴为什么还需要缴纳企业所得税呢?
  • 小规模纳税人是简易计税吗
  • 小微企业企业税率表
  • 安装工程发票怎么开
  • 税务实名认证怎么认证
  • 广告代理服务计入什么费用
  • 找私人贴现怎么做账
  • 企业计提的安全生产费用年末应如何处理
  • 个人租赁汽车给公司怎么开发票
  • 怎么计算附加税税率
  • 闲置资金购买理财产品
  • 用人单位逾期未缴纳社会保险费可能会使用的文书
  • 鸿蒙系统如何添加信任软件
  • win10隐藏功能大全
  • qq上的时间和手机不一样怎么办
  • 退回多缴税款账务处理
  • php数组函数面试题
  • 劳务费费用
  • 所得税如何做帐
  • Win10怎么显示文件类型
  • win10任务视图怎么用
  • php中??
  • 银行存款的明细科目怎么写
  • 利得的具体分类
  • 销售食品分录
  • php数据迁移
  • php面向对象的三大特性
  • 融资租入固定资产是什么意思
  • 建筑业红冲发票如何处理
  • html调查问卷简单代码
  • vue组件封装步骤
  • 关于商业承兑汇票的多选题有哪些
  • node-
  • audo命令
  • 非税收入定额票据可以报销吗去什么地方报销
  • Mongodb中MapReduce实现数据聚合方法详解
  • 企业会计准则是属于什么
  • 金蝶固定资产折旧调整
  • 非应税项目是有哪些项目
  • 利润计算公式是什么折扣
  • 没进项发票的开销项发票多少税?
  • 影响留存收益变动的选折题
  • 民间非营利组织会计制度
  • 工会经费的会计分录2022
  • 零税率应税服务出口退税
  • 多计提费用 怎么冲
  • 固定资产不折旧直接进费用
  • 以前年度损益调整在利润表中怎么填
  • 工程违约金账务处理规定
  • 土地增值税的预缴
  • 收承兑汇票的利息怎么算
  • 商标注册费计入哪个科目
  • 住宿费专用发票会计分录
  • 其他应付款是什么科目代码
  • 影响折旧的因素有哪三个方面
  • 分公司注销余额转总公司会计分录
  • mysql5.7解压版安装步骤
  • linux中的用户管理主要涉及用户账号文件
  • win8怎么设置开机直接进入桌面
  • winXP系统截图
  • jquery easyui开发指南
  • shell if语句的用法
  • 并行 python
  • 一般纳税人公司注销流程
  • 去哪儿网客服电话怎么转人工
  • 湖南省税务局发票辨伪系统
  • 提高税务干部七种能力的意义
  • 环保税申报流程视频
  • 吉林省税务局发票流向查询系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设