美文网首页
跨域(非同源策略请求)——初体验

跨域(非同源策略请求)——初体验

作者: 林元嘉 | 来源:发表于2019-12-16 17:36 被阅读0次

首先

在了解非同源策略请求之前,需要先知道什么是同源策略。

1.什么是同源?

同源:是指——【协议,域名,端口号】都相同的多个地址。

2.什么是同源策略?

同源策略(Same origin policy)是一种约定,它是浏览器的一个安全功能,为了保护本地数据不被,非同源地址获取来的代码数据污染。

通俗来说:就是一个页面( http://112.55.55.110:8000/user/data ),只能执行,从同源地址 ( 例:http://112.55.55.110:8000/profile/amyacker )请求过来的Js代码,同源的代码肯定是安全的。

如果是从非同源地址( 例:http://119.55.55.110:8000/amyacker ) 请求的Js代码,浏览器不知道这个代码是否安全,所以不会执行。

3.为什么会出现跨域?

通俗来说就是,庞大的数据资源,不可能全都存储在同一个服务器中,所以必然会出现,要去非同源的地址中,获取数据的情况。

4.什么是跨域?

跨域,也称为非同源策略请求,就是去非同源地址获取数据的行为。

只要页面,向非同源地址,发出了ajax / fetch请求,此时就出现了跨域问题。

5.如何解决跨域?

① JSONP

② 服务器端设置(CORS)MDN阐述地址

③ 使用代理

对于跨域的阐述和解决,分享下一位博主的博文。博文地址

相关文章

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

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

  • 前端跨域解决方案

    跨域请求 全称:非同源策略请求(同源即同协议、同域名和同端口),而ajax专门用于处理同源策略请求,因此对于非同源...

  • 网站跨域解决方法

    关键词 同源策略 什么是跨域 跨域,请求不同源。同源指协议、域名、端口都相同,只要有一样不相同就是跨域了。 同源限...

  • 前端开发的跨域问题

    跨域背景 跨域是由于浏览器的同源策略引起的;那么什么是同源策略呢?同源策略是指页面请求的接口地址必须与 url 地...

  • Jsonp 跨域原理

    Jsonp 跨域原理。(摘选) 浏览器的同源策略把跨域请求都禁止了,但是页面中的 标签是例外,不受同源策略限...

  • 跨域与CORS

    1. 跨域问题、同源请求和跨域请求 简单来说,就是前台调用后台接口的时候,由于「浏览器」的同源策略 (Same-o...

  • 【http】什么是cors跨域

    前端开发中,常常需要进行跨域请求。既然提到跨域,首先我们的知道什么是“同源策略”。 同源策略限制从一个源加载的文档...

  • 跨域、通讯类

    什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源 什么是同源策略? 同源策略/SOP(Same...

  • Ajax跨域 —— Jsonp

    同源策略 同源/同域即域名、协议、端口号相同 JSONP(JSON with Padding) 是一种跨域请求方式...

  • Nginx解决跨域问题

    同源策略 同源策略是浏览器最基本的安全策略,在同源策略下,当本域发起跨域请求时,客户端会限制加载响应的数据。这也就...

网友评论

      本文标题:跨域(非同源策略请求)——初体验

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