介绍一个能避免 CORS 错误的 Chrome 扩展 - Moesif Origin CORS Changer
在前端開發人員做開發時，當進入到和后臺 API 聯調階段時，不可避免會遇到 CORS 錯誤。
本文介紹一個 Chrome 擴展，可以用來在開發階段避免 CORS 問題。
注意，這個擴展不能用于生產用途，以免引起 security issue.
Chrome 擴展地址：
https://chrome.google.com/webstore/detail/moesif-origin-cors-change/digfbfaphojjndkpccljibejjbppifbc?hl=en-US
我寫了一段簡單的 AJAX JavaScript 調用，來產生 CORS 錯誤：
<html> <script> function createXHR () {var XHR = [ function () { return new XMLHttpRequest () },function () { return new ActiveXObject ("Msxml2.XMLHTTP") },function () { return new ActiveXObject ("Msxml3.XMLHTTP") },function () { return new ActiveXObject ("Microsoft.XMLHTTP") }];var xhr = null;for (var i = 0; i < XHR.length; i ++) {try {xhr = XHR[i]();} catch(e) {continue }break; }return xhr; }var xhr = createXHR(); xhr.open("GET", "http://localhost:3002/", false); xhr.send(null); console.log(xhr.responseText); </script> </html>本地用 Chrome 打開該網頁，會遇到預料中的 CORS 錯誤：
Access to XMLHttpRequest at ‘http://localhost:3002/’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
安裝完擴展之后，在設置頁面里，將 Access-Control-Allow-Origin 設置為 * 即可：
瀏覽器工具欄上，看到 on 的圖標，刷新網頁，AJAX 調用就能正常執行了：
更多Jerry的原創文章，盡在：“汪子熙”:
總結
以上是生活随笔為你收集整理的介绍一个能避免 CORS 错误的 Chrome 扩展 - Moesif Origin CORS Changer的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 传比亚迪将为特斯拉欧版供应电池 官方：不
- 下一篇： OData metadata 定义中，e