日常開發中如果遇到跨域,我們可以選擇使用 Chrome, 並關閉其安全策略,來繞開跨域問題。
一、Mac
1. 新建一個文件夾來存儲瀏覽器臨時數據,可命名為 ChromeDevUserData,並記住文件絕對路徑 A。
2. 創建一個腳本文件 chorme-debug.command ,內容如下:
#! /bin/bash
open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/cmyoung/Documents/ChromeDevUserData
注意: --user-data-dir 后面跟上第1步創建文件夾的絕對路徑 A。
3. 賦權,打開終端執行 chmod 777 chorme-debug.command,賦予可讀可寫可執行權限。
4. 終端切換到 chorme-debug.command 所在的目錄下,執行 open chorme-debug.command執行腳本,也可以選擇雙擊文件執行。
5. 不出意外的話,應該會打開一個帶有安全提示的瀏覽器窗口,該窗口的安全策略已關閉,可以用於跨域調試。
二、Window
1. 先在任意位置建立ChromeDevUserData,並記住文件絕對路徑 B, 這里在 D盤創建 "D:\ChromeDevUserData"。
2. 桌面上復制一個Chrome的快捷方式,重命名 ChromeDebug 作區分,然后右鍵-屬性,在目標那一欄追加:
--user-data-dir="D:\ChromeDevUserData" --test-type --disable-web-security
注意: --user-data-dir 后面跟上第1步創建文件夾絕對路徑 B。
3. 點擊保存確定,然后重啟電腦。
4. 重啟成功后,點這個快捷方式打開瀏覽器窗口,就是關閉安全策略后的窗口,可以很方便的用於跨域調試。
以上方案是純前端實現,成本很低,方便開發。