前端解决跨域问题

1.JSONP 

缺点是只能解决 get请求 不支持post

JSONP原理就是通过script标签的src属性 请求跨域的数据接口
并通过函数调用的方法来接受跨域接口响应回来的数据

<script src="./js/yanshi.js?callback=name"></script>

回调函数 callback关键字 找到想要调用的形参
在jq中发起jsonp请求 自定义的回调函数名称，默认值为 jQueryxxx 格式
指定jsonp的名称 和 返回回调的名称

（例子）

$.ajax({
method: "GET",
url: "http://www.liulongbin.top:3006/api/jsonp?name=zs&age=20",
dataType: "jsonp",
// 发送到服务端的参数名称，默认值为 callback
jsonp: "callback",
// 自定义的回调函数名称，默认值为 jQueryxxx 格式
jsonpCallback: "abc",
success: function (res) {
console.log(res);
},
});

2.CORS