- 站点信息
- 问题反馈
- 邮箱：[email protected]
- 吐槽一下
关注微信
©2020-2025 ioDraw All rights reserved,
Privacy Policy
最近在一些项目的实际操作中，需要对接前端，在实际开发中就遇到跨域的问题，之前也遇到过一次解决之后就没有记录下来，现在遇到好笔头不如写CSDN，也分享给正在遇到同样子问题的你们。
一、CORS 跨域
首先
我们需要了解为什么会发生跨域是如何发生的，跨域从字面意思来说就是横跨了两个不同领域的媒介，两个不同领域媒介需要交互的时候，就会产生资源跨域，跨域资源共享(CORS)
是一种机制，它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain)
上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，资源会发起一个跨域 HTTP
请求，CORS需要浏览器和服务器同时支持，且都是浏览器自动完成的，浏览器将CORS请求分成两类：简单请求（simple
request）和非简单请求（not-so-simple request）。
1、跨域的简单请求
简单的请求，需要满足两个条件，一个请求方法 HEAD\GET\POST
、HTTP的头信息不超出以下几种字段：Accept\Accept-Language\Content-Language\Last-Event-ID\Content-Type：只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain,凡是不同时满足上面两个条件，就属于非简单请求。
2、跨域的非简单请求
当请求存在跨域资源共享(CORS)并且是非简单请求，就会触发CORS的预检请求(preflight);"预检"请求用的请求方法是OPTIONS，在Request
Header中,传输自定义Header信息、或则请求头中的Content-Type=“application/json”,就会形成非简单请求。
二、Postman 模拟跨域
在headers 里面添加一个Origin 即可，如果有需要token 的需要增加token 。
服务端需要配置如下，其中
Access-Control-Max-Age 用来配置预检时间的有效性，不然会产生2次请求。 Access-Control-Allow-Origin
：配置访问的网址，通配符 * 可能会无效果，需要如下去获取。 mOrigin = request.getHeader("Origin"); void
baseHttpserver::sendIpData(QString ip,QString data){ for(auto &i :mClient){
if(i.first == ip){ i.second->setHeader("Content-Type", "*/*");
i.second->setHeader("Access-Control-Max-Age", "1000");
i.second->setHeader("Access-Control-Allow-Headers",
"Origin,X-Requested-With,Content-Type,Accept,Authorization,token,Cookie,XXX");
i.second->setHeader("Access-Control-Allow-Methods","POST,GET,OPTIONS,DELETE");
i.second->setHeader("Access-Control-Allow-Origin",mOrigin);
i.second->write(data.toLatin1()); } } }
由于本人经验有限制，如有问题欢迎修正。