从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章将为大家详细讲解有关前端面试之同源和跨域的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联主营万源网站建设的网络公司,主营网站建设方案,手机APP定制开发,万源h5小程序定制开发搭建,万源网站营销推广欢迎万源等地区企业咨询什么是同源策略
同源策略是用来限制从一个源加载的文档或者脚本如何与来自另一个源的资源进行交互,是一种用于隔离潜在的恶意文件的关键的安全机制。
何谓同源
如果协议、域名和端口对于两个页面来说是相同的,则这两个页面就是同源的。比如:/tupian/20230522/domain_profile.cfm 这个网站,协议是http,域名是www.hyuhan.com,端口是80(默认端口),它的同源情况如下:
/tupian/20230522/domain_profile.cfm>
Cookie、LocalStorage和IndexDB无法读取
DOM无法操作
AJAX请求不能发送
如何进行跨域访问
怎么跨域进行AJAX请求
主要由三种方法可以绕过同源策略的限制,来进行跨域的AJAX请求。
JSONP
JSONP是客户端与服务端跨域通信的常用的方法。利用可以跨域的