charles解決跨域問題

文章目錄
OPTIONS請求
不依賴服務端解決跨域問題
正常OPTIONS請求的response header
rewrite修改options請求的response header
OPTIONS請求
這篇文章講的比較詳細，具體可查看跨域資源共享 CORS 詳解。
這裏簡單介紹一下：
OPTIONS請求是非簡單請求的一種處理方式。在真正發送請求以前，增長一次HTTP查詢請求，稱爲"預檢"請求（preflight），就是咱們剛剛說到的參數爲OPTIONS的第一次請求，它的做用是：詢問服務器，當前網頁所在的域名是否在服務器的許可名單之中，以及能夠使用哪些HTTP請求和頭信息字段。只有獲得確定答覆，瀏覽器纔會發出正式的HttpRequest（GET、POST等）第二次請求；不然就報錯，也不會進行第二次請求

不依賴服務端解決跨域問題
通常跨域的解決依賴於服務器配置，以下方法不依賴服務端，經過charles rewrite功能，將options請求修改成成功：

正常OPTIONS請求的response header
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET,POST,OPTIONS
Access-Control-Allow-Headers: Accept,Origin,X-Requested-With,Content-Type,Last-Modified
Allow: GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH

rewrite修改options請求的response header
Tools --> Rewrite
添加rewrite配置