前端面试准备——关于跨域

9种前端跨域解决办法个人总结吸收——来自大佬的稿子9种常见的前端跨域解决方案（详解）_慕课手记

1.关于JSONP跨域

jsonp的核心原理就是 “目标页面回调本地页面”，即通过<script>标签的src属性，发送带有callback参数的get请求，服务器端将接口返回数据拼凑到callback函数中，并返回给浏览器，这样浏览器前端就可以拿到callback函数返回的数据了；但缺点是只能发送get一种请求。

        a.原生js实现

        b.jquery Ajax实现

        c.Vue axios实现

2.跨域资源共享（CORS）

(cross-origin resource sharing)

它允许浏览器向跨源服务器发出XMLHttpRequest请求，克服了ajax只能同源使用的限制。

CORS需要浏览器和服务器同时支持。浏览器将CORS跨域请求分为简单请求和非简单请求。对简单请求和非简单请求浏览器处理方式不同。（如在非简单请求中，在正式通信之前，增加一次HTTP查询请求，称为“预检”请求preflight）

        a.前端设置（分为原生ajax和jQuery ajax）

        b.服务