前端跨域问题

1.17. 跨域

同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。
解决:
出于浏览器的同源策略限制,同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。

1. Jsonp方式解决跨域

只能实现get一种请求。
jsonp跨域
jsonp的原理就是利用script标签没有跨域限制,可以通过script标签的src属性发送get请求。
该请求的查询字符串有一个callback参数,用来指定回调函数的名字。
服务器收到这个请求后,会将数据放在回调函数的参数位置返回。
由于script元素请求的脚本,直接作为代码运行。然后该回调函数会立即执行。
在这里插入图片描述#### 2. cors跨域资源共享
cors(跨域资源共享),他允许浏览器向跨域服务器发出XML请求,从而克服跨域问题。需要浏览器和服务端同时支持
cors请求分为两类:简单请求和非简单请求
简单请求:
浏览器直接发出cors请求,在头部信息加一个origin字段,表名请求来自哪个源
服务端响应:Access-control-Allow-Origin,Access-control-Allow-Credentials(是否允许发送cookie)、
CORS请求默认不发送Cookie和HTTP认证信息。如果要把Cookie发到服务器,一方面要服

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值