前后端分离实践

谨以此文献给困困的自己。

前后端分离后，遇到的问题主要是跨域：

CORS跨域

原理：CORS定义一种跨域访问的机制，可以让AJAX实现跨域访问。CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单，只需由服务器发送一个响应标头即可。

注：移动终端上，除了opera Mini都支持。

利用 CORS，http://www.b.com 只需添加一个标头，就可以允许来自 http://www.a.com 的请求，下图是我在PHP中的 hander() 设置，“*”号表示允许任何域向我们的服务端提交请求：

header(“Access-Control-Allow-Origin:*”);

也可以设置指定域名：

header(“Access-Control-Allow-Origin:http://www.b.com“);

js部分：

$.ajax({

url: a_cross_domain_url,

crossDomain: true,

method: “POST”

});

CORS比较适合应用在传送信息量较大以及移动端来使用。