绝绝让你明白跨域cores

什么是cors

下面是MDN对于CORS的定义:

跨域资源共享(CORS) 是一种机制,它使用额外的 HTTP 头来告诉浏览器  让运行在一个 origin (domain)上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时,资源会发起一个跨域HTTP 请求。

 CORS需要浏览器和服务器同时支持,整个CORS过程都是浏览器完成的,无需用户参与。因此实现CORS的关键就是服务器,只要服务器实现了CORS请求,就可以跨源通信了。

cors的类别

 浏览器将CORS分为简单请求非简单请求

简单请求

简单请求不会触发CORS预检请求。若该请求满足以下两个条件,就可以看作是简单请求: 

1)请求方法是以下三种方法之一:

  • HEAD
  • GET
  • POST

2)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要让iframe可以跨域访问,可以使用以下两种方法: 1. 使用window.postMessage方法:在父窗口中,使用postMessage方法向iframe发送消息,并在iframe中监听message事件来接收消息。这样可以实现跨域通信。在父窗口中,可以使用以下代码发送消息给iframe: ``` var iframe = document.getElementById('myframe'); iframe.contentWindow.postMessage('Hello', 'https://example.com'); ``` 在iframe中,可以使用以下代码监听message事件并接收消息: ``` window.addEventListener('message', function(event) { if (event.origin === 'https://example.com') { console.log(event.data); } }); ``` 2. 使用代理页面:在父窗口中,创建一个与iframe同源的代理页面,并在代理页面中通过window.parent来访问父窗口的内容。这样可以绕过同源策略,实现跨域访问。在代理页面中,可以使用以下代码来访问父窗口的内容: ``` window.parent.location.href = 'https://example.com'; ``` 请注意,跨域访问可能存在安全风险,因此在实际应用中需要谨慎使用,并确保只允许可信任的域名进行跨域访问。 #### 引用[.reference_title] - *1* *3* [iframe跨域+](https://blog.csdn.net/weixin_30826761/article/details/95712614)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [iframe跨域互相访问](https://blog.csdn.net/zhuchunyan_aijia/article/details/51377769)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值