解决前端跨域的几种方案

• Ajax只能同源使用
  跨域是指 不同域名之间相互访问 例如 我的电脑上有2个服务器 192.168.0.11 192.168.0.12 如果第一个服务器上的页面要访问第二个服务器 就叫做跨域 或者http://www.baidu.com 要访问http://www.xxx.com 也是不同域名 也是跨域

• 用HTML5里的window.postMessage在两个网页间传递数据
  CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。
  它允许浏览器向跨源服务器，发出XMLHttpRequest
  请求，从而克服了AJAX只能同源使用的限制。

• 阮一峰跨域解决方案

• 利用crossOrigin 【据说可以，但是还是有问题】

  var img = document.getElementById("poster");
  img.corssOrigin = "*";

• 据说需要做一个服务器下能彻底解决，不然没门
• 经测试，可以建一个本地的JSON文件，然后开启http-server服务，局域网内访问调用文件

• 2017-4-27【项目测试】
  跨域错误

  
  Paste_Image.png
  

  先查找network看看请求头中是否包含必须的跨域字段

Paste_Image.png

请求的顺序： => nginx => php
首先通过 nginx 再到 php 脚本 的
如果 nginx 允许了，但是 php 脚本没有允许，估计那也是不行的

前端加上请求头

• 定义传参数的格式
  headers:{
  "Content-Type": "application/json;charset=utf-8",
  }

浏览器试探

• 浏览器发送请求，如果跨域了，浏览器为了试探服务器是否接受请求，会先发送一个options请求，如果允许跨域再发送对应的请求

  
  image.png

为什么使用postman不存在跨域问题？

image.png