跨域

讲到跨域不得不提到一个同源策略。

1. 同源策略

• 是浏览器安全策略，用来保证浏览器的安全运行。
• 要求协议名、域名、端口号必须完全一致

2. 跨域

• 违背同源策略就会产生跨域

3. 产生跨域的原因

在开发的时候，会有不同的服务器去提供不同的功能，往往可能有多台服务器去提供我们开发项目的功能，这时候我们会发现多台服务器对应的域名地址都不一样，这个时候就会有跨域的需求。

4. 解决跨域问题

有jsonp cors 服务器代理。。。等方法，下面主要介绍jsonp

jsonp 前端的实现规则

//创建script标签
let script = document.createElement('script');
//设置一个回调函数
function getData(data) {
    //数据请求回来会被触发
    console.log(data);
}
//设置script的src属性（请求地址）
script.src = 'http://localhost:3000?callback=getData';
//让script标签生效
document.body.appendChild(script);

利用script标签天然可以跨域的属性，在请求的时候将参数传递上去，当请求成功的时候，就会自动的调用getData这个函数，处理数据。