美文网首页
ajax-2-同源策略&跨域

ajax-2-同源策略&跨域

作者: 宠辱不惊的咸鱼 | 来源:发表于2019-10-04 09:25 被阅读0次

同源策略

  • URL:协议+域名+端口+路径

  • 同源:协议+域名+端口 相同

  • 为什么需要同源策略:保证Web安全

  • 什么是同源策略:浏览器的同源策略,限制了来自不同域的document或脚本,对当前document的读取或者属性设置。

  • 在浏览器中,<script>、<img>、<iframe>、<link>等标签可以加载跨域资源(这可以认为是同源策略为保证可用性而做的一点妥协),但其对所加载内容的读写是被禁止的(比如js对于所加载的非同源图片,只能使用判别图片是否存在的事件)。

<script type="text/javascript" src="某个cdn地址" ></script>
<link type="text/css" rel="stylesheet" href="某个cdn地址" />
<img src="某个cdn地址" alt=""/>
<iframe id="test2" src="index2.html"></iframe>

跨域

  • 代理
    • 即在同源下建立一个代理服务端,通过服务端跨域,并将结果返回前端
  • Jsonp
    • 缺陷:只能Get请求
  • Cors(Cross-Origin Resource Sharing)
    • 缺陷:需要高版本浏览器

相关文章

  • ajax-2-同源策略&跨域

    同源策略 URL:协议+域名+端口+路径 同源:协议+域名+端口 相同 为什么需要同源策略:保证Web安全 什...

  • H5跨域访问

    跨域访问是源于浏览器的同源策略而引申出来的概念 1、先了解什么是同源策略和跨域访问 同源策略、跨域解决方案 - R...

  • H5 知识点 - 收藏集 - 掘金

    跨域解决方案总结 - 前端 - 掘金为什么需要跨域? 就得先知道同源策略. 同源策略 同源策略是为了保证数据的安全...

  • 通过script标签实现跨域

    跨域 什么是跨域? 跨域问题是由于javascript语言安全限制中的同源策略造成的。同源策略是由Netscape...

  • 前端基础(问答23)

    keywords: 同源策略、跨域、jsonp。 什么是同源策略(same origin policy) 同源:协...

  • 有关跨域的相关问题和方法

    跨域是什么 同源策略 在讲解什么是跨域之前先要清楚什么是同源策略,“同源政策”(same-origin polic...

  • 同源策略,跨域请求处理

    跨域访问 - 跨域请求 同源策略 适用于浏览器的一种资源访问策略;同源策略(Same origin policy)...

  • 无星的Egg之旅(一)——跨域

    先说点老生常谈的问题 啥是跨域 1.同源策略 要了解跨域,先要说说同源策略。同源策略是由 Netscape 公司提...

  • 同源策略和跨域

    什么是跨域问题? 为什么会出现跨域问题? 因为浏览器的同源策略(同源指的是:协议+域名+端口相同)。 同源策略是浏...

  • 跨域

    什么是跨域? 说跨域之前先要谈几个概念。跨域问题要从同源策略谈起,那什么是同源策略呢?同源是下面三项都相同,缺一不...

网友评论

      本文标题:ajax-2-同源策略&跨域

      本文链接:https://www.haomeiwen.com/subject/obnrpctx.html