学习跨域方面的知识

跨域
什么是跨域：跨域是一种约定，当请求另一处的资源的时候会发生。一般就是浏览器的同源策略所导致的，它可以防止浏览器XSS，CSRF等攻击，同源就是指协议+域名+端口三者都相同，有一处不同就是非同源，就会产生跨域。

解决方案：
1、jsonp：具体实现流程：1、创建一个script标签，把接口地址赋值到src中。2、声明一个回调函数，函数名作为参数值，传递给请求数据的服务器，函数参数为要获取的数据。3、服务器收到请求之后，把传递进来的函数名和需要的数据拼接成字符串。4、最后把数据返回给客户端，客户端调用回调函数并对数据进行操作

 

 

2、CORS
服务端设置Access-Control-Allow-Origin
    Access-Control-Methods

简单请求：1、请求方法是HEAD、GET、POST三者其一 2、Content-Type的值为text/plain、multipart/form-data、application/x-www-form-urlencoded三者之一

非简单请求：不满足上述情况之一，此时发送请求，会有一个预检请求

 但我在写的时候还是会出现跨域的问题

 仍然没有解决该问题，明天打算继续重新写。

postMessage
允许来自不同源的脚本采用异步方式进行通信，
otherWindow.postMessage(message, targetOrigin)；
message：将要发送给其他window的数据
targetOrigin：通过窗口的origin属性来指定哪些窗口能接收到消息事件。

websocket
全双工通信，建立连接后server和client都能主动向对方发送或接收数据。

 

 

Node中间件代理

通过服务器（带代理）向服务器进行请求。
1、接收客户端请求2、将请求转发给服务器3、拿到服务器响应的数据4、将响应转发给客户端
还有一些方式，明天打算全部学完，并尝试每个写一个案例。