最近重新使用了mongoose用来监听http的调用,但是遇到了跨域问题。人生的每一次跨域其实是突破阶层的过程,这种变化不亚于量变到质变。不跨域可以理解为在同一阶层活动,触碰不到边界,也不需要激发能量,实现跃迁。
这里说的跨域问题是要突破当前服务,访问别的服务上的资源,由于种种原因被做了限制。所以浏览器提醒你跨域了,就像火车或者人出轨一样,你超出了“原来”的活动范围。
跨域的严格一点的定义是:只要协议,域名,端口有任何一个的不同,就被当作是跨域
一般前端解决跨域有很多方法,这位同学整理的很详细了,就不赘述了https://blog.csdn.net/lareinalove/article/details/84107476。
后端解决跨域,方法很多,因为后端的实现方式多样。比如java 通过filter可以支持跨域。
我现在是通过mongoose实现了简单的http server。提供一个简单的实现https://blog.csdn.net/acliyu/article/details/85930701。
如果需要做一些简单封装,可以参考这位同学,已经做的很干净了,而且支持了跨域访问。https://github.com/tashaxing/CppHttpDemo。
这里把跨域的部分单独拿出来,不需要跳转就解决跨域的问题。
void HttpServer::SendHttpRsp(mg_connection *connection, std::string rsp)
{
// --- 未开启CORS
// 必须先发送header, 暂时还不能用HTTP/2.0
mg_printf(connection, "%s", "HTTP/1.1 200 OK\r\nTransfer-Encoding: chunked\r\n\r\n");
// 以json形式返回
mg_printf_http_chunk(connection, "{ \"result\": %s }", rsp.c_str());
// 发送空白字符快,结束当前响应
mg_send_http_chunk(connection, "", 0);
// --- 开启CORS
/*mg_printf(connection, "HTTP/1.1 200 OK\r\n"
"Content-Type: text/plain\n"
"Cache-Control: no-cache\n"
"Content-Length: %d\n"
"Access-Control-Allow-Origin: *\n\n"
"%s\n", rsp.length(), rsp.c_str()); */
}
【开启CORS】支持跨域访问。其实思路也很简单,如果你注意一下,浏览器同源策略检测跨域,提示如下
翻译一下,上面提示【被请求的资源的响应头中没有“Access-Control-Allow-Origin”这个头】 ,所以解决跨域的办法也很直接,在构造响应头的时候,添加【Access-Control-Allow-Origin】头信息。