
跨域
2024路在何方
某行业全球top1企业的前端主管
展开
-
【9大跨域解决方案】window.name解决跨域的原理
window.name跨域首先,当我们尝试去查看一个普通页面下,window的属性时候,确实存在name属性,并且值为空。那么,这个window.name存在的意义是什么呢?就如同标题所讲,可以解决跨域问题。那么,我们下面详细讲解下如何利用window.name跨域。引例前提准备:a.html,起在localhost:3000上b.html,起在localhost:3000上c...原创 2019-04-03 23:26:08 · 3005 阅读 · 0 评论 -
【9大跨域解决方案】跨域原理
9大跨域解决方案同源策略只要以下三者,有一个不一样,那就叫跨域。协议域名端口注意:子域不同,也叫跨域为什么浏览器不支持跨域cookie localStorage 均不支持跨域DOM元素也有同源策略,比如iframeajax也不支持跨域如果可以直接跨域,可以发送恶意请求,造成伪造的请求,会造成信息窃取等危险。跨域的原理当客户端向服务端发送请求后,服务...原创 2019-04-02 23:22:34 · 523 阅读 · 0 评论 -
【9大跨域解决方案】jsonp跨域解决原理
方法一:jsonp1. 概念由于link、img、script等标签的src属性可以实现跨域请求,所以一般前端会使用script来接收后端返回的函数执行。具体步骤如下:后端返回一个函数执行,比如函数名是cb,函数执行的传入参数是一个对象{a:1},即cb({a:1})前端js脚本定义好一个跟函数执行同名的函数cb以及形参params,这个params其实就是我们要得到的数据利用sc...原创 2019-04-02 23:28:32 · 2596 阅读 · 0 评论 -
【9大跨域解决方案】CORS解决跨域的原理
cors笔记(开发中最常用,安全性高,主要靠服务端做手脚)什么是CORS?CORS即“跨域资源共享”,这是一种最常用的跨域实现方式,一般需要后端人员在处理请求数据的时候,添加允许跨域的相关请求头信息。大致思路是这样的:首先获取请求对象的信息,比如Origin字段,通过预先配置的参数判断请求是否合法,然后设置相应对象response的头信息,实现跨域资源请求。响应头设置Access-C...原创 2019-04-02 23:33:48 · 4499 阅读 · 0 评论 -
【9大跨域解决方案】location.hash解决跨域的原理
通过hash实现跨域通信该方法跟window.name类似,有点神奇,有点绕,鲜有人用,但确实能够实现跨域通信。那么,我们下面详细讲解下如何利用hash实现跨域。引例前提准备:a.html,起在localhost:3000上b.html,起在localhost:3000上c.html,起在localhost:4000上可见a和b是同域的,c是独立的需求:在a页面获取...原创 2019-04-08 23:21:39 · 3469 阅读 · 0 评论 -
【9大跨域解决方案】document.domain解决跨域的原理
document.domain笔记一级域名与二级域名直接看例子就能明白:一级域名:www.baidu.com二级域名:music.baidu.com显然,这是跨域的本地设置不同域名可以通过配置host文件来设置不同的域名一般host文件的目录为:C:\Windows\System32\drivers\etc 127.0.0.1 www.yuhua....原创 2019-04-08 23:25:16 · 3420 阅读 · 0 评论 -
【9大跨域解决方案】websocket解决跨域的原理
websocket笔记webSocket本身不存在跨域问题,所以我们可以利用webSocket来进行非同源之间的通信。websocket如何实现跨域通信?原理:利用webSocket的API,可以直接new一个socket实例,然后通过open方法内send要传输到后台的值,也可以利用message方法接收后台传来的数据。后台是通过new WebSocket.Server({port:...原创 2019-04-08 23:29:15 · 37149 阅读 · 0 评论 -
【9大跨域解决方案】postMessage解决跨域的原理
postMessage()这是H5引入的一个API,可以实现跨文档、多窗口、跨域消息的传递。postMessage(data,origin)方法data:要传递的数据origin:字符串参数,只目标窗口的源,协议+主机+端口号[+URL],URL会被忽略,所以可以不写如果要传递给所有窗口,值可以为"*"如果传给当前窗口同源的话,值可以为"/"message当使用postM...原创 2019-04-09 23:10:49 · 6521 阅读 · 0 评论