跨域原理

跨域原理概念

浏览器安全限制：本域js不能操作其他域的页面对象
跨域：本域js获取其他域的数据

先说本域是什么

与js存放的服务器无关，A域加载了B域的js，此时js的域应为A域

浏览器为什么这么做？好处是

安全，使得A域不能够读取的B域信息。如果可以的话，能获取B域的输入账号密码等安全信息

前端跨域解决方法

1. JSONP
   
   • 原理：使用script标签（不受浏览器安全限制，因script仅仅只是调用）
   • 缺点：易于使第三方的脚本篡改页面内容、截获安全数据
2. 动态使用script标签
3. postMessage(html5)
4. 代理
   原理：服务器获取数据。自家获取自家的数据，没问题
   A–>A代理–>B
   
   1. CORS
      B服务器设置允许域的响应头：Access-Control-Allow-Origin