IONIC获取cookie

IONIC请求加上cookie及跨域问题的解决

ionic2 调用后台接口时, 需要解决一个问题, 请求头没有cookie
关键: XMLHttpRequest.withCredentials这个属性
XMLHttpRequest.withCredentials 属性是一个Boolean类型,它指示了是否该使用类似cookies,authorization headers(头部授权)或者TLS客户端证书这一类资格证书来创建一个跨站点访问控制(cross-site Access-Control)请求。在同一个站点下使用withCredentials属性是无效的。

此外,这个指示也会被用做响应中cookies 被忽视的标示。默认值是false。

如果在发送来自其他域的XMLHttpRequest请求之前,未设置withCredentials 为true,那么就不能为它自己的域设置cookie值。而通过设置withCredentials 为true获得的第三方cookies,将会依旧享受同源策略,因此不能被通过document.cookie或者从头部相应请求的脚本等访问。
所以设置了withCredentials 为true 之后, 请求都会默认带上cookie, 不需要其他额外的操作, 唯一要注意的是跨域的问题

设置头部信息

解决跨域问题有很多方法
1. 使用nginx
首先下载nginx进行解压缩,修改conf文件夹里的nginx.conf文件,

这里写图片描述

这里写图片描述

这里写图片描述

在浏览器访问的时候可以进入开发模式, 查看请求是否有带cookie

这里写图片描述

  1. 使用google的扩展程序cors toggle

这里写图片描述

使用前重启下浏览器
如果还不行,需要在google浏览器属性里进行修改

这里写图片描述

右键google浏览器属性,在目标末尾加上 –args –disable-web-security –user-data-dir
需要空格隔开

参考:https://segmentfault.com/a/1190000009938397

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值