成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

今天學習的兩個知識點

alanoddsoff / 886人閱讀

摘要：調(diào)試遇到的前后端跨域問題在學習筆記對象介紹和學習筆記實現(xiàn)跨域資源共享以及和的對比跨域方式中，我對對象實現(xiàn)給出了較為全面的總結(jié)，并且對同源策略以及跨域訪問給出了常見的解決方案使用和頭部信息實現(xiàn)跨域資源共享。

調(diào)試TCMngr遇到的前后端跨域問題

在《AJAX學習筆記1：XHR對象介紹》和《AJAX學習筆記2：XHR實現(xiàn)跨域資源共享（CORS）以及和JSONP的對比》《JavaScript跨域方式》中，我對XHR對象實現(xiàn)AJAX給出了較為全面的總結(jié)，并且對同源策略以及跨域訪問給出了常見的解決方案：使用JSONP和HTTP頭部信息實現(xiàn)跨域資源共享。在TCM項目中，后臺數(shù)據(jù)通過線上接口提供，也就是實現(xiàn)了跨域，在配置中通過Nodejs+express API實現(xiàn)了跨域，代碼如下：

        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();
            }
        });

雖然通過設(shè)置頭部信息允許跨域，但是實際開發(fā)中依舊難以實現(xiàn)跨域，因此考慮改變?yōu)g覽器設(shè)置消除同源策略，以下是網(wǎng)上看到的方法，親測可用。

由于瀏覽器通過XHR對象實現(xiàn)Ajax通信一般受到同源策略限制，因此在Chrome中訪問線上接口時會遇到跨域限制，一種簡單的解決方式是通過命令行方式打開Chrome瀏覽器，設(shè)置不開啟跨域限制：
通過win+R打開窗口并輸入cmd打開命令行窗口，輸入如下命令：

    "C:UsersUserNameAppDataLocalGoogleChromeApplicationchrome.exe" --disable-web-security --user-data-dir

chrome地址可以通過右鍵Chrome圖標-->屬性找到，切記使用該命令前關(guān)閉Chrome瀏覽器。

針對不同操作系統(tǒng)的不同命令方式：

    // 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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81648.html

相關(guān)文章

  • 重學前端學習筆記（四）--div和span不是夠用嗎？

    摘要：筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入的專欄學習原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以...

    lx1036 評論0 收藏0

  • 重學前端學習筆記（四）--div和span不是夠用嗎？

    摘要：筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入的專欄學習原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以...

    ctriptech 評論0 收藏0

  • 重學前端學習筆記（四）--div和span不是夠用嗎？

    摘要：筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入的專欄學習原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以...

    KnewOne 評論0 收藏0

  • 前端知識點整理

    摘要：難怪超過三分之一的開發(fā)人員工作需要一些知識。但是隨著行業(yè)的飽和，初中級前端就業(yè)形勢不容樂觀。整個系列的文章大概有篇左右，從我是如何成為一個前端工程師，到各種前端框架的知識。 為什么 call 比 apply 快？ 這是一個非常有意思的問題。 作者會在參數(shù)為3個（包含3）以內(nèi)時，優(yōu)先使用 call 方法進行事件的處理。而當參數(shù)過多（多余3個）時，才考慮使用 apply 方法。 這個的原因...

    Lowky 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<