1 通过jsonp跨域 1.)原生实现: <script> var script = document.createElement('script'); script.type = 'text/javascript'; // 传参并指定回调执行函数为onBack script.src = 'http://www.....:8080/login?user=admin&callback=onBack'; document.head.appendChild(script); // 回调执行函数 function onBack(res) { alert(JSON.stringify(res)); } </script> 2、 document.domain + iframe跨域 此方案仅限主域相同,子域不同的跨域应用场景。 1.)父窗口:(http://www.domain.com/a.html) <iframe id="iframe" src="http://child.domain.com/b.html"></iframe> <script> document.domain = 'domain.com'; var user = 'admin'; </script> 2.)子窗口:(http://child.domain.com/b.html) <script> document.domain = 'domain.com'; // 获取父窗口中变量 alert('get js data from parent ---> ' + window.parent.user); </script> 弊端:请看下面渲染加载优化 3、 nginx代理跨域 4、 nodejs中间件代理跨域 5、 后端在头部信息里面设置安全域名 更多跨域的具体内容请看 https://segmentfault.com/a/1190000011145364
跨域的解决方法总结
猜你喜欢
转载自blog.csdn.net/dxj124/article/details/79415761
今日推荐
周排行