当前位置: 首页 > 网络应用技术

我将7个交叉域解决方案的原理绘制为10张图片并制作插图!

时间:2023-03-07 03:08:20 网络应用技术

  大家好,我是Lin Sanxin。最容易理解的是,最难的知识点是我的座右铭,基础是“高级”的前提是我的最初意图。

  让我们做前端。通常,有必要将界面与后端连接起来,但是许多学生可能会忽略对接过程中可能发生的问题-cross -domain,什么是交叉 - 域?为什么要交叉 - 域?我解决了吗?

  为什么会出现跨域问题?然后我必须谈论浏览器的同源策略。它规定这三个必须符合

  如果有一个,将会存在跨域问题,这将不符合结果的后果。

  注意:一个IP可以注册多个不同的域名,也就是说,多个域名可能指向相同的IP,即使如此,它们也无法满足

  什么时候发生交叉域?我接了很多同学,得到了两个答案

  那是哪一个?我们可以验证,让我们首先,然后创建一个,然后启动节点服务

  创建另一个以编写前端的请求代码,让我们写一个简单的一个

  最后,前端确实是一个交叉域错误,但这不是结果。如果我们想知道哪个答案是,关键是要查看后端节点服务是否有输出,这很明显,因此,答案2是正确的。

  如前所述,提到了同样的策略,它符合这三个策略。相反,这将使您通过几个示例巩固正确的理解!

  交叉域实际上是一个漫长的问题,并且有许多相应的解决方案。让我们一起阅读!

  我们之前说过,由于浏览器的同源策略的存在,存在一个交叉域问题。是否有任何不受交叉域问题约束的东西?实际上,以下三个标签不受限制

  JSONP使用加载的使用并且不受限制,以便能够从获取数据中获取数据。

  JSONP的流行点是:使用CRC的SRC发送请求,将方法名称传递到后端,获取此方法的名称,将所需的数据缝合到新字符串中,然后将其发送到Front Endefter,以接收此字符串。前端,该方法将自动执行。戈尔规则,第一个图,然后代码。

  返回 - 末端代码

  前端代码

  JSONP的缺点是它需要与前后端合作,只有支持

  Websocket是什么?实际上,我不太了解,但是我不会像其他人一样直接复制MDN信息,因为人们相信每个人都无法理解。

  我知道Websocket是一个协议(与HTTP相同的级别,所有协议),他可以进行交叉域通信。他为什么支持交叉域交流?我在这里找到了一篇文章,为什么我们可以跨域?这很好

  返回 - 末端代码

  首先安装

  前端代码

  结果如下

  CORS(全名)意味着CORS通常从后部打开。开口打开后,前端可以访问整个字段的后端。

  为什么可以在前端要求后端?我的理解是:前端交叉 - 访问后端,后端 - 末端打开CORS,将字段发送到前端(实际上不超过一个)。如果前端浏览器法官的域名与前端域名相同,则浏览器将不会实现交叉域截距。结果,解决了跨域问题。

  返回 - 末端代码

  前端代码

  结果如下

  或返回相同的-origin策略,相同的-origin策略只是浏览器的策略。它仅限于后端,也就是说,它将受到同源策略的限制,但不会受到限制。首先访问CORS的背面1,然后让后端1访问后端2至将数据转到后端1,然后将数据传输到前端1到前端

  返回 - 端2代码

  创建一个,

  返回 - 端1代码

  前端代码

  结果如下

  实际上,这是原因,但是nginx不需要自己构建中级服务

  首先下载nginx,然后在nginx目录中修改nginx.conf如下:

  最后通过命令行启动nginx

  返回 - 末端代码

  前端代码

  结果如下

  场景:该页面使用页面中的嵌入式页面

  尽管这两个页面存在于一页中,但需要嵌套。他们无法在这两个页面之间进行交流,因为它们是不同的。据他们说,它们存在于他们之间

  我该怎么办?使用可以使这两个页面交流

  方案:测量之间的通信

  实际上,这两者在正常情况下没有进行交流,因为它们不同,并且属于交叉域交流。

  那我们该怎么办?实际上,他们有一个共同点,也就是说,他们的次要域名是,这使他们能够以通过的方式进行交流

  由于该新秀暂时没有服务器,因此暂时用于模拟

  结果如下

  如果您认为本文对您有帮助,并鼓励Lin Sanxin Haha?