如何解决跨域问题

1.jsonp跨域（前端）
JSON返回的是一串数据，而JSONP返回的是脚本代码
JSONP只支持get请求，不支持post请求
2.nginx反向代理（后端）
www.baidu/index.html需要调用www.sina.com/server.php，可以写一个接口www.baidu.com/server.php，由这个接口在后端去调用www.sina.com/server.php并拿到返回值，然后再返回给index.html
3.PHP端修改header（后端）
header(‘Access-Control-Allow-Origin’);允许所有来源访问
header(‘Access-Control-Allow-Method:POST,GET’)；允许访问的方式
4.document.domian（后端）
跨域分两种，一种xhr不嗯呢该访问不同源的文档，另一种是不同window之间不能进行交互操作。
document.domain主要是解决第二种情况，而且设置是有限制的，只能把document.domain设置成自身或更高一级的父域且主域必须相同。
兼容性：所有浏览器都支持
优点：可以实现不同window之间的相互访问和操作
缺点：只适用于父子window之间的通信，不能用于xhr
只能在主域相同且子域不同的情况下使用
5.window.name（前端）
关键点：window.name在页面的生命周期里共享一个window.name
兼容性：所有浏览器都支持
优点：最简单的利用了浏览器的特性来做到不同域之间的数据传递
不需要前端和后端的特殊配置
缺点：大小限制：window.name最大size是2M左右，不同浏览器中会有不同约定
安全性：当前页面所有window都可以修改，很不安全
数据类型：传递数据只能限于字符串，如果是对象或者其他会自动被转化为字符串
6.postMessage（前端）
postMessage是h5引入的一个新概念，现在也在进一步的推广和发展中，他进行了一系列的封装，我们可以通过window.postMessage的方式进行使用，并可以监听其发送的消息
兼容性：移动端可以放心用，但是pc端需要做降级处理
优点：不需要后端介入就可以做到跨域，一个函数外加两个参数就可以搞定
移动端兼容性好
缺点：无法做到一对一的传递方式