Chrome 開發環境快速屏蔽 CORS 跨域限制【詳細教程】
? 為什么需要臨時屏蔽 CORS？
在前后端開發過程中，我們經常會遇到 跨域請求被瀏覽器攔截 的問題。例如，你在 http://localhost:3000 調用 https://api.example.com 時，可能會收到如下錯誤：
Access to fetch at 'https://api.example.com' from origin 'http://localhost:3000' has been blocked by CORS policy
我們來看一個真實開發過程中的場景:
Access to XMLHttpRequest at 'https://172.x.x.52/api/info' from origin 'http://172.x.x.1:4324' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
這主要是因為瀏覽器的 同源策略 限制了跨域請求。然而，在開發環境中，我們只是想調試 API，嚴格的 CORS 限制反而影響效率。因此，本文介紹 在 Chrome 開發環境臨時屏蔽 CORS 的方法。
在開發環境下，我們可以通過創建一個專用的 Chrome 開發模式，在不影響正常瀏覽器使用的情況下，臨時關閉 CORS 限制。
🛠 通過快捷方式創建“跨域專用瀏覽器”
? 1. 創建 Chrome 開發環境文件夾
📂 在桌面上新建一個文件夾，命名為： ChromeDev
? 2. 復制 Chrome 快捷方式
（1）找到 Chrome 的快捷方式（通常在桌面或 C:\Program Files (x86)\Google\Chrome\Application\chrome.exe）
（2） 右鍵 → 復制，然后在桌面 粘貼
（3） 重命名 為 ChromeDev（方便區分）
? 3. 修改快捷方式的啟動參數
（1）右鍵 ChromeDev → 選擇 “屬性”
（2）在 “目標 (Target)” 一欄，修改路徑，在末尾添加以下參數：
--disable-web-security --user-data-dir=C:\Users\你的用戶名\Desktop\ChromeDev
完整示例：
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\Users\你的用戶名\Desktop\ChromeDev
（3）點擊 “應用 (A)” 并 “確定”
🚀 4. 使用方法
? 正常使用 Chrome：點擊普通 Chrome 快捷方式（不會受影響）
? 跨域測試 Chrome：雙擊 ChromeDev ，即可啟動一個無安全策略的 Chrome 實例，跨域請求不受限制！
🔚 總結
| 方式 | 適用場景 | 優缺點 |
|---|---|---|
| ChromeDev 快捷方式（推薦） | 本地開發、調試跨域 API | ? 不影響正常 Chrome，每次啟動自動生效，? 僅適用于 ChromeDev |
- 不會影響正常瀏覽器使用，你可以同時運行
ChromeDev和普通 Chrome！ - 適合長期開發，只需雙擊
ChromeDev即可繞過 CORS。
🚨 注意：此方法僅限本地開發測試，正式環境請使用服務器代理或 CORS 解決方案！
📌 你學會了嗎？歡迎點贊 + 收藏！ 🔥
)
