[TOC]

一. 跨域概念

知其然知其所以然,在说跨域方法之前,我们先了解下什么叫跨域,浏览器有同源策略,
只有当“协议”、“域名”、“端口号”都相同时,才能称之为是同源,其中有一个不同,即是跨域.

二.跨域请求方式

  1. jsonp 跨域(优点:简单方便,缺点:只能使用 get 请求,不支持 post 请求)
  2. 使用代理进行跨域
    1. nginx 的反向代理
    2. axios 反向代理
    3. vue 跨域设置
  3. cors(跨域资源共享)修改服务器端修改包的头部信息,
  4. window.name(少用)
  5. iframe 跨子域(不常用)
  6. fetch

三. 常用跨域请求方式

(1)jsonp跨域

jsonp跨域原理: 尽管浏览器有同源策略,但是