html - Why http request send twice from client to server ( OPTION and POST )

Question

When I click the submit button, http request send twice from client to server. first one is OPTIONS and other one is POST method.

login form

HTTP Requests

Answer 1

根据Mozilla 开发者网络：

预检请求

与简单请求（上面讨论过）不同，“预检”请求首先向另一个域上的资源发送一个HTTP OPTIONS请求标头，以确定实际请求是否可以安全发送。跨站点请求是这样预检的，因为它们可能对用户数据有影响。特别是，在以下情况下会预检请求：

它使用 GET 或 POST 以外的方法。此外，如果 POST 用于发送 Content-Type 不是 application/x-www-form-urlencoded、multipart/form-data 或 text/plain 的请求数据，例如，如果 POST 请求向服务器发送 XML 有效负载使用 application/xml 或 text/xml，然后预检请求。它在请求中设置自定义标头（例如，请求使用诸如 X-PINGOTHER 之类的标头）