前言

在專案中發現ajax中出現兩次請求，OPTIONS請求和POST請求，由於在上傳資料的時候，後臺可能2次都有反應，因此會造成資料上的錯誤。

1，具體表現如下：

查詢原因是瀏覽器對簡單跨域請求和複雜跨域請求的處理區別。

2，原因如下： 
瀏覽器對複雜跨域請求的處理，在傳送真正的請求前, 會先發送一個方法為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選項導致了這種情況。

3，解決辦法：

當時我的解決辦法是：讓後臺把跨域介面遷移到前端頁面所在的同一域名下，然後問題就解決了。