美文网首页
面试语术:跨域及跨域解决方案

面试语术:跨域及跨域解决方案

作者: 隔壁甜言 | 来源:发表于2021-03-18 17:13 被阅读0次

跨域

跨越 区域(范围)

浏览器为保证数据安全 设立了一种安全策略 —— 同源策略

同源策略的核心思想是 一个页面无法访问跨源(域)的数据(别人网站的数据)

同源:有三个条件需要同时满足 才叫同源

  1. 相同的协议 ( http:// https:// )
  2. 相同地址(ip / 域名)
  3. 相同端口

跨源(跨域)解决方案

  1. JSONP (前端实现跨域 需要后端接口进行一些小配合)
  2. XHR2(cors) 后端开放跨域权限 设置一个请求头
  3. 反向代理 使用代理 使用web服务器代理请求地址

JSONP和JSON 没有关系
JSONP是一种社区跨域解决方案(不属于语言标准)
JSONP不属于任何标准 依赖某些可以跨域的属性实现功能

JSONP实现跨域的核心思路是:

动态的创建script元素 将需要请求的路径写在src属性中
利用src属性不受同源策略限制的特点发送get请求
请求的结果会被浏览器识别是js代码 执行得到结果

src属性不受同源策略的限制:可以使用带有src属性的元素来发送请求 请求的类型get

例如:
<img src="">
<iframe src="">
<script src=""></script>

相关文章

  • 面试语术:跨域及跨域解决方案

    跨域 跨越 区域(范围) 浏览器为保证数据安全 设立了一种安全策略 —— 同源策略 同源策略的核心思想是 一个页面...

  • Web前后端跨域问题处理

    跨域问题有前台跨域(iframe间)和后台跨域。 前台跨域的解决方案可以采用跨域文档通讯(Cross domain...

  • 面试官:那有没遇到跨域问题,如何解决跨域?

    面试官:有没遇到跨域问题,如何解决跨域? 一、同源策略 谈到跨域问题,要先谈浏览器的同源策略。 二、解决方案 1、...

  • 浏览器跨域及其解决方案

    title: 浏览器跨域及其解决方案author: Maydate: 20220428 什么是跨域跨域的表现解决跨...

  • 前端如何解决常见跨域问题

    跨域解决方案 1、 通过jsonp跨域 2、 document.domain + iframe跨域 3、 loca...

  • JWT简记

    JSON Web Token(JWT)是目前最流行的跨域认证解决方案。 跨域认证问题及传统解决方案 传统认证流程 ...

  • 跨域问题,解决方案

    跨域问题,解决方案 - Nginx反向代理跨域问题,解决方案 - CORS方案此为原作者的链接:跨域问题,解决之道

  • 跨域

    跨域资源共享 CORS 详解什么是跨域及怎么解决跨域问题?

  • 开发环境跨域和生产环境跨域

    开发环境跨域 前后端分离,IP地址不同,请求数据必然导致跨域问题;解决方案:proxy设置 生产环境跨域 解决方案...

  • Js请求跨域问题

    一、请求跨域问题概述 跨域:指的是协议名、端口或者域名不一致的情况都是跨域。 二、跨域问题的解决方案 1、同域代理...

网友评论

      本文标题:面试语术:跨域及跨域解决方案

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