跨域和跨域请求的方法

wwq0327 发布于2019-08-23 12:30 / 586人阅读

摘要：存在跨域的情况网络协议不同，如协议访问协议。域名和域名对应如访问跨域请求资源的方法代理定义和用法代理用于将请求发送给后台服务器，通过服务器来发送请求，然后将请求的结果传递给前端。定义和用法是现代浏览器支持跨域资源请求的一种最常用的方式。

1、什么是跨域？

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

网络协议不同，如http协议访问https协议。

端口不同，如80端口访问8080端口

域名不同，如qianduanblog.com访问baidu.com

子域名不同，如abc.qianduanblog.com访问def.qianduanblog.com。

域名和域名对应ip,如www.a.com访问20.205.28.90.

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

(1).porxy代理

定义和用法：proxy代理用于将请求发送给后台服务器，通过服务器来发送请求，然后将请求的结果传递给前端。
实现方法：通过nginx代理；
注意点：1、如果你代理的是https协议的请求，那么你的proxy首先需要信任该证书（尤其是自定义证书）或者忽略证书检查，否则你的请求无法成功。

(2).CORS 【Cross-Origin Resource Sharing】

定义和用法：是现代浏览器支持跨域资源请求的一种最常用的方式。
使用方法：一般需要后端人员在处理请求数据的时候，添加允许跨域的相关操作。如下：

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

定义和用法：通过动态插入一个script标签。浏览器对script的资源引用没有同源限制，同时资源加载到页面后会立即执行（没有阻塞的情况下）。
特点：通过情况下，通过动态创建script来读取他域的动态资源，获取的数据一般为json格式。
实例如下：

    function testjsonp(data) {
       console.log(data.name); // 获取返回的结果
    }

缺点：
　　1、这种方式无法发送post请求（这里）
　　2、另外要确定jsonp的请求是否失败并不容易，大多数框架的实现都是结合超时时间来判定。

GPU云服务器云服务器跨域请求跨域请求方式 javascript跨域请求 jquery跨域请求

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98623.html

同源策略和跨域方法

摘要：同源策略的控制者是浏览器，浏览器可以控制不同域之间的资源的访问或相互操作，但不控制自己对不同域之间的资源的操作和访问。同源与跨域一般情况下，禁止一个域从另一个域读取数据，却可以使用某些从其他域拿到的资源。比如说，允许一个域执行、渲染、应用从其他域获取到的脚本、图片、样式；同样，一个域可以展示从其他域获取的内容，比如在frame中显示html文档。网络资源也可以选择性的让其他域来读取...

魏宪会 2019-08-20 18:00 评论0 收藏0
ajax封装和跨域知识

摘要：封装和跨域知识使用还是是通过参数传递到当前脚本的变量数组。对所发送信息的数量也有限制。请求成功时触发，。允许一个域上的网络应用向另一个域提交跨域请求。 ajax封装和跨域知识 ajax 使用get还是post $_GET 是通过 URL 参数传递到当前脚本的变量数组。 $_POST 是通过 HTTP POST 传递到当前脚本的变量数组。何时使用 GET？通过 GET 方法从表单...

Shihira 2019-08-19 18:14 评论0 收藏0
使用Spring Security中遇到的Preflight请求和跨域的问题

摘要：首先遇到的就是跨域问题，但是在携带请求过程中出现了服务端获取不到情况。浏览器将请求分成两类简单请求和非简单请求。而浏览器对这两种请求的处理是不一样的。背景在一个前后端分离开发的项目中，使用SpringSecurity做安全框架，用JWT来实现权限管理提升RESTful Api的安全性。首先遇到的就是跨域问题，但是在携带jwt请求过程中出现了服务端获取不到jwt情况。跨域问题在开...

shengguo 2019-08-21 17:44 评论0 收藏0
使用Spring Security中遇到的Preflight请求和跨域的问题

摘要：首先遇到的就是跨域问题，但是在携带请求过程中出现了服务端获取不到情况。浏览器将请求分成两类简单请求和非简单请求。而浏览器对这两种请求的处理是不一样的。背景在一个前后端分离开发的项目中，使用SpringSecurity做安全框架，用JWT来实现权限管理提升RESTful Api的安全性。首先遇到的就是跨域问题，但是在携带jwt请求过程中出现了服务端获取不到jwt情况。跨域问题在开...

EscapedDog 2019-08-15 12:34 评论0 收藏0
同源策略和跨域知识点学习

摘要：同源策略在这之前需要先熟悉一下这个概念，同源指请求协议相同，主机名相同，端口相同，涉及安全的策略。同源策略主要限制的是不同源之间的交互操作，对于跨域内嵌的资源不受该策略限制。问题起因是在使用weibo api的时候，发现有一个报错。weibo api是https协议，我本地是模拟的回调域名，然后进行数据通信，本地http协议，于是乎就报错了。出于对postMessage的不是很熟悉，...

baiy 2019-08-20 12:08 评论0 收藏0