跨域

什么是同源策略

  • 浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。
  • 同协议:如都是http或https
  • 同域名:如都是http://baidu.com/ahttp://baidu.com/b
  • 对于当前页面来说页面存放的JS文件的域不重要,重要的是加载该JS页面所在什么域
  • 同端口:如都是80端口

什么是跨域?跨域有几种实现方式

  • JSONP
  • CORS
  • 降域
  • postMessage

JSONP的原理是什么

  • JSONP是通过script标签加载数据的方式去获取数据当做JS代码来执行,提前在页面上声明一个函数,函数名通过接口传参的方式传给后台,后台解析到函数名后在原始数据上【包裹】这个函数名,发送给前端。换句话说JSONP需要对应接口的后端的配合才能实现

CORS是什么

  • CORS全称是跨域资源共享(Cross-Origin Resourse Sharing),是一种ajax跨域请求资源的方式,支持现代浏览器,IE支持10以上。实现方式很简单,当你使用XMLHttpRequest发送请求时,浏览器发现该请求不符合同源策略,会给该请求加一个请求头:origin,后台进行一系列处理,如果确定接收请求则在返回结果中加入一个相应投:Access-Control-Allow-Origin;浏览器判断该相应头中是否包含Origin的值,如果有则浏览器会处理响应,我们就可以拿到响应数据,如果不包含浏览器直接驳回,这时我们无法拿到响应数据。所以CORS的表象是让你觉得它与同源的ajax请求没啥区别,代码完全一样
    实现跨域的方法

如何伪装一个网站(在本地)

1.编辑hosts文件
mac: sudo vi/etc/hosts
windows:https://jingyan.baidu.com/article/b907e627d86be046e6891c41.html
2.添加一行127.0.0.1 xxx.com
3 保存关闭
4访问xxx.com:端口号
注意:端口号一定要加上,因为端口号是不能被映射的

如何监听80端口

1.mac:sudo http-server -c-1 -p80
2.windows:
1以管理员身份运行gitbash
2http-server -c-1 -p 80
一个服务器只能监听一个端口

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 题目1.什么是同源策略? 同源策略(Same origin Policy): 浏览器出于安全方面的考虑,只允许与本...
    FLYSASA阅读 5,749评论 0 6
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    Yaoxue9阅读 5,161评论 0 6
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    HeroXin阅读 4,386评论 0 4
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    他方l阅读 4,731评论 0 2
  • CORS 一、CORS内部机制与实现 CORS(Cross-Origin Resource Sharing,跨域资...
    fenerchen阅读 4,110评论 0 0

友情链接更多精彩内容