資訊專欄INFORMATION COLUMN
摘要：調試遇到的前后端跨域問題在學習筆記對象介紹和學習筆記實現跨域資源共享以及和的對比跨域方式中，我對對象實現給出了較為全面的總結，并且對同源策略以及跨域訪問給出了常見的解決方案使用和頭部信息實現跨域資源共享。
調試TCMngr遇到的前后端跨域問題
在《AJAX學習筆記1：XHR對象介紹》和《AJAX學習筆記2：XHR實現跨域資源共享（CORS）以及和JSONP的對比》《JavaScript跨域方式》中，我對XHR對象實現AJAX給出了較為全面的總結，并且對同源策略以及跨域訪問給出了常見的解決方案：使用JSONP和HTTP頭部信息實現跨域資源共享。在TCM項目中，后臺數據通過線上接口提供，也就是實現了跨域，在配置中通過Nodejs+express API實現了跨域，代碼如下：
var express = require("express"),
app = express();
//允許跨域訪問
app.all("*",function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild");
res.header("Access-Control-Allow-Methods", "PUT, POST, GET, DELETE, OPTIONS");
if (req.method == "OPTIONS") {
res.send(200);
}
else {
next();
}
});
雖然通過設置頭部信息允許跨域，但是實際開發中依舊難以實現跨域，因此考慮改變瀏覽器設置消除同源策略，以下是網上看到的方法，親測可用。
由于瀏覽器通過XHR對象實現Ajax通信一般受到同源策略限制，因此在Chrome中訪問線上接口時會遇到跨域限制，一種簡單的解決方式是通過命令行方式打開Chrome瀏覽器，設置不開啟跨域限制：
通過win+R打開窗口并輸入cmd打開命令行窗口，輸入如下命令：
"C:UsersUserNameAppDataLocalGoogleChromeApplicationchrome.exe" --disable-web-security --user-data-dir
chrome地址可以通過右鍵Chrome圖標-->屬性找到，切記使用該命令前關閉Chrome瀏覽器。
針對不同操作系統的不同命令方式：
// mac chrome 瀏覽器
open -a "Google Chrome" --args --disable-web-security --user-data-dir
// mac safari 瀏覽器
open -a "/Applications/Safari.app" --args --disable-web-security --user-data-dir
//linux
chromium-browser --disable-web-security
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81648.html
摘要：筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄，每天分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入的專欄學習原文有的語音，如有侵權請聯系我，郵箱。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以...
摘要：筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄，每天分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入的專欄學習原文有的語音，如有侵權請聯系我，郵箱。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以...
摘要：筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄，每天分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入的專欄學習原文有的語音，如有侵權請聯系我，郵箱。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以...
閱讀 1764·2021-10-11 10:59
閱讀 2403·2021-09-30 09:53
閱讀 1765·2021-09-22 15:28
閱讀 2796·2019-08-29 15:29
閱讀 1559·2019-08-29 13:53
閱讀 3207·2019-08-29 12:34
閱讀 2850·2019-08-26 10:16
閱讀 2661·2019-08-23 15:16
