美文网首页
跨域与越狱

跨域与越狱

作者: Andluo | 来源:发表于2019-01-26 20:04 被阅读0次

概念

跨域是个老生常谈的问题,指的是网页中的JS想去请求非自己域内的数据或者操作非自己域内的DOM对象,说起来有抽象,就好比

  1. 监狱内的犯人想去监狱外买点水果回来牢里吃
  2. 监狱内的犯人想搜狱警大人的口袋

以上两种神操作一般情况下当然是行不通的!

原因

用脚指头想想都知道的,因为这是规定!

谁规定的

  1. 代码世界里当然是浏览器规定的,现实世界里当然是监狱规定的
  • 对于第一种情况:即请求本域外的数据,请求能发出去,服务器也能正常返回,但是浏览器把数据拦截了、拦截了、拦截了!
  • 对于第二种情况:操作非自己域内的`DOM对象:很简单,连那个DOM对象你都获取不到!获取不到!获取不到!

又有抽象?
就好比:

  1. 狱警把你托人在外买的水里给默收然后自己吃掉了,在电影里也是有挺多这种操作的,常规操作!
  2. 犯人根本就碰不到狱警,因为犯人大部分时间是被关起来的

同域

现实世界里当然指的是同个牢房啦!
而浏览器世界里指的是同协议并且同域名并且同端口号,俗称三证齐全,比如httptaobao.com80,也叫做浏览器的同源策略,目的当然是为了:

  1. 保证狱警的安全
  2. 怕情绪不稳定的家属跑进来暴打狱友

解决方法

规定是死的,但人是活的,只要人活着,总有办法的嘛!
而绕过浏览器的同源策略就叫做跨域了!
因此跨域也有各种姿势,各显神通!
比如JSONP就好比贿赂狱警,这个大家都懂的,不说了!
比如CORS就好比官方授权,这个大家也懂的,也不说了!

具体操作细节感觉如果是我自己写的话估计没法超越以下这篇好文了:
九种跨域方式实现原理

相关文章

  • 跨域与越狱

    概念 跨域是个老生常谈的问题,指的是网页中的JS想去请求非自己域内的数据或者操作非自己域内的DOM对象,说起来有抽...

  • 跨域问题详解分析

    参考文档 CORS详解 跨域资源共享 CORS 详解 js中几种实用的跨域方法原理详解 跨域的那些事儿 跨域与跨域...

  • HTML-获取iframe元素的正确方法

    跨域相关文章详解js跨域问题JavaScript跨域总结与解决办法 解释最清楚的jsonpWhat is JSON...

  • jsonp

    参考:轻松搞定JSONP跨域请求参考:JavaScript 跨域总结与解决办法要理解跨域,先要了解一下“同源策略”...

  • SpringBoot2.x整合CORS解决跨域问题

    跨域问题系列文章 1. 同源策略与CORS(跨域请求的起源)2. SpringBoot2.x整合CORS解决跨域问...

  • 深入跨域问题(3) - 利用 JSONP 解决跨域

    深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域深入跨域问题...

  • 跨域

    协议、域名、端口三者之间任意一个与当前页面url不同即为跨域常见跨域方法 利用jsonp跨域,jquery已经封装...

  • 关于设置env等环境变量的思考

    1、如何处理跨域后台处理跨域前端处理跨域浏览器处理跨域 前端本地处理跨域:代理线上跨域的处理方式:Nginx反向代...

  • Web前后端跨域问题处理

    跨域问题有前台跨域(iframe间)和后台跨域。 前台跨域的解决方案可以采用跨域文档通讯(Cross domain...

  • 跨域

    跨域 什么是跨域: 解决跨域 通过jsonp原理:在页面引入跨域js和css时,没有存在跨域问题.因此可以动态创建...

网友评论

      本文标题:跨域与越狱

      本文链接:https://www.haomeiwen.com/subject/mftwjqtx.html