一次ajax呼叫，傳送了兩次請求（一次為請求方法為option，一次為正常請求）
阿新 • • 發佈：2018-12-23
在專案了開發時遇見一個奇怪的現象，就是我在js裡面掉了一次ajax請求，在瀏覽器network那邊查詢到的卻是傳送了兩次請求，第一次的Request Method引數為OPTIONS,第二次的Request Method為我正常設定的POST。
在參考了：https://blog.csdn.net/cc1314_/article/details/78272329這邊部落格以後終於找到了原因。
瀏覽器對複雜跨域請求的處理，在傳送真正的請求前, 會先發送一個方法為OPTIONS的預請求(preflight request), 用於試探服務端是否能接受真正的請求，如果options獲得的迴應是拒絕性質的，比如404\403\500等http狀態，就會停止post、put等請求的發出。
有三種方式會導致這種現象：
1、請求方法不是GET/HEAD/POST
2、POST請求的Content-Type並非application/x-www-form-urlencoded, multipart/form-data, 或text/plain
3、請求設定了自定義的header欄位
我的Content-Type設定為“application/json;charset=utf-8”並且自定義了header選項導致了這種情況。