怎么解决跨域问题 | 您所在的位置:网站首页 › setproperty的用法access › 怎么解决跨域问题 |
因为浏览器同源策略的存在,只要请求协议、域名、端口号其中一点不同,就会产生跨域的问题。 特别注意两点:第一,如果是协议和端口造成的跨域问题“前台”是无能为力的,第二:在跨域问题上,域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。“URL的首部”指window.location.protocol +window.location.host,也可以理解为“Domains, protocols and ports must match”。 前端解决方案: 第一: 使用 跨域资源共享(CORS) CORS(Cross-Origin Resource Sharing)跨域资源共享,定义了必须在访问跨域资源时,浏览器与服务器应该如何沟通。CORS背后的基本思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是应该成功还是失败。 使用方法也很简单,在php后端设置 Access-Control-Allow-Origin 头即可,如:
第二:使用jsonp 什么是jsonp?维基百科的定义是:JSONP(JSON with Padding). JSONP也叫填充式JSON,是应用JSON的一种新方法,只不过是被包含在函数调用中的JSON,例如:callback({"name","name1"}); JSONP由两部分组成:回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数,而数据就是传入回调函数中的JSON数据。 jsonp的原理是: 就是利用标签没有跨域限制,来达到与第三方通讯的目的。 当需要通讯时,本站脚本创建一个元素,地址指向第三方的API网址,并提供一个回调函数来接收数据(函数名可约定,或通过地址参数传递)。 第三方产生的响应为json数据的包装(故称之为jsonp,即json padding),形如: callback({"name":"hax","gender":"Male"}) 这样浏览器会调用callback函数,并传递解析后json对象作为参数。本站脚本可在callback函数里处理所传入的数据。 (我们知道 |
CopyRight 2018-2019 实验室设备网 版权所有 |