什么是跨域及跨域请求资源的方法？

1、由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。

2、跨域请求资源的方法：

(1)、porxy代理(反向服务器代理)

首先将用户发送的请求发送给中间的服务器，然后通过中间服务器再发送给后台服务器，然后在将返回的结果返回给前端。

（2）CORS

后台来设置一个允许跨域的操作

res.writeHead(200, {"Content-Type": "text/html; charset=UTF-8","Access-Control-Allow-Origin":'http://localhost','Access-Control-Allow-Methods': 'GET, POST, OPTIONS','Access-Control-Allow-Headers': 'X-Requested-With, Content-Type'
});（3）jsonp---只支持get请求通过动态创建script来读取他域的动态资源，获取的数据一般为json格式。

<script>function testjsonp(data) {console.log(data.name); // 获取返回的结果}
</script>
<script>var _script = document.createElement('script');_script.type = "text/javascript";_script.src = "http://localhost:8888/jsonp?callback=testjsonp";document.head.appendChild(_script);
</script>

转载于:https://www.cnblogs.com/duanzhange/p/8684347.html

什么是跨域及跨域请求资源的方法？相关推荐

什么是跨域？跨域请求资源的方法有哪些？
1.什么是跨域? 由于浏览器同源策略,凡是发送请求url的协议.域名.端口三者之间任意一与当前页面地址不同即为跨域.存在跨域的情况: 网络协议不同,如http协议访问https协议. 端口不同,如80 ...
java httpclient 异步请求_java_java实现HttpClient异步请求资源的方法，本文实例讲述了java实现HttpClien - phpStudy...
java实现HttpClient异步请求资源的方法本文实例讲述了java实现HttpClient异步请求资源的方法.分享给大家供大家参考.具体实现方法如下: package demo; import ...
Thinkphp5.1允许uni-app的H5跨域请求接口解决方法
Thinkphp5.1允许uni-app的H5跨域请求接口解决方法参考文章: (1)Thinkphp5.1允许uni-app的H5跨域请求接口解决方法 (2)https://www.cnblogs. ...
Django框架深入了解_05 (Django中的缓存、Django解决跨域流程(非简单请求，简单请求)、自动生成接口文档)(一)
阅读目录一.Django中的缓存: 前戏: Django中的几种缓存方式: Django中的缓存应用: 二.跨域: 跨域知识介绍: CORS请求分类(简单请求和非简单请求) 示例: 三.自动生成接口 ...
php 设置跨域axios,vue2.0中proxyTable用axios进行跨域请求的设置方法
vue2.0设置proxyTable使用axios进行跨域请求的方法这里请求的是知乎日报的api,由@izzyleung这位大神提供的,这是github地址. 在vue-cli构建的项目中先安装ax ...
vue-resource ajax跨域,ajax 跨域请求 vue-resource jsonp跨域
aj体朋几一级发等点确层数框的很屏果行4带域ax 跨域请求 vue-resource j直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如数围请sonp跨域最近在学习vue.js 碰到个ajax ...
ajax跨域jsonp并且post请求No 'Access-Control-Allow-Origin'以及执行error时readyState=4同时status=200的解决方法
ajax跨域jsonp并且post请求No 'Access-Control-Allow-Origin'以及执行error时readyState=4同时status=200的解决方法 [网上很多网友的回 ...
jQuery ajax跨域请求的解决方法
jQuery ajax跨域请求的解决方法参考文章: (1)jQuery ajax跨域请求的解决方法 (2)https://www.cnblogs.com/freeweb/p/4908832.html ...
跨域策略文件crossdomain.xml的配置方法
一.crossdomain.xml文件的作用跨域,顾名思义就是需要的资源不在自己的域服务器上,需要访问其他域服务器.跨域策略文件是一个xml文档文件,主要是为web客户端(如Adobe Flash ...

什么是跨域及跨域请求资源的方法？

什么是跨域及跨域请求资源的方法？相关推荐

最新文章

热门文章