别再等了，快来解锁"双枪"Postman，秒懂CORS下为什么请求“突然二”！
2023-07-24 01:17:41
CORS下的“双枪客”POST请求：揭秘幕后推手
在Web应用的广阔舞台上，CORS（跨域资源共享）扮演着举足轻重的角色，它允许不同源的应用相互对话，打破了浏览器的同源策略限制。然而，当使用CORS策略时，我们有时会遇到一个令人困惑的现象——POST请求竟然会像“双枪客”一样，神秘地发送两次。
预检请求：跨域请求的敲门砖
为了理解为何会出现这种现象，让我们揭开CORS的运作机制。当浏览器向另一个域的服务器发起请求时，它会首先发送一个预检请求（preflight request）。这个请求的目的在于礼貌地询问服务器：“喂，我能不能发送实际请求啊？如果可以的话，我可以使用哪些HTTP方法（比如GET、POST、PUT等等）？”
服务器回应：允许 or 拒绝
如果服务器允许浏览器发送实际请求，它会返回一个包含适当HTTP头信息的响应。这些头信息就像通行证一样，说明了以下关键信息：
Access-Control-Allow-Origin：哪些来源的请求被允许？Access-Control-Allow-Methods：哪些HTTP方法被允许？Access-Control-Allow-Headers：哪些HTTP头信息被允许？Access-Control-Max-Age：预检请求的结果在多长时间内有效？
“双枪客”的诞生：服务器处理失误
现在，浏览器收到了服务器的预检请求响应，它会根据响应中的HTTP头信息来决定是否发送实际请求。如果预检请求表明服务器允许发送POST请求，那么浏览器就会发送实际的POST请求。
然而，如果预检请求表明服务器不允许发送POST请求，那么浏览器就不会发送实际请求。那么，为什么POST请求会出现“二次请求”呢？通常是因为服务器没有正确地处理预检请求。例如，服务器可能没有返回适当的HTTP头信息，或者没有正确处理浏览器发送的预检请求。当出现这种情况时，浏览器会认为服务器没有允许发送POST请求，因此会再次发送一个预检请求。这就是为什么你会看到POST请求发送了两次。
化解“双枪客”的妙招
为了避免POST请求“变身双枪客”，你可以采取以下建议：
- 确保服务器正确处理预检请求： 这就像确保大门敞开，让浏览器的请求能够顺利通过。
- 返回适当的HTTP头信息： 就像给浏览器提供一张路线图，说明哪些方法和信息是允许的。
- 正确处理浏览器发送的预检请求： 就好像礼貌地回应浏览器的问候，表示“欢迎光临！”
结语：让POST请求潇洒走单场
POST请求“二次请求”的问题可能会让开发人员抓狂，但通过理解CORS的运作机制以及服务器处理预检请求的方式，你可以找到解决这个问题的办法。只要正确地配置服务器并处理预检请求，就可以避免POST请求“变身双枪客”，让你的Web应用程序跨域请求更加顺畅。
常见问题解答
-
为什么要使用CORS？
CORS可以让不同来源的Web应用程序进行通信，突破了浏览器的同源策略限制。 -
预检请求的目的是什么？
预检请求是浏览器在发送实际请求之前向服务器发起的询问，用于了解服务器是否允许该请求。 -
如果服务器没有正确处理预检请求会发生什么？
浏览器可能会认为服务器没有允许发送实际请求，从而导致POST请求发送两次。 -
如何避免POST请求“变身双枪客”？
确保服务器正确处理预检请求，返回适当的HTTP头信息，并正确处理浏览器发送的预检请求。 -
除了解决“双枪客”POST请求，CORS还有什么其他好处？
CORS还允许跨域读取和修改数据，这对于构建更复杂、更交互的Web应用程序至关重要。
