如何配置Chrome支持本地的AJAX請(qǐng)求

小編給大家分享一下如何配置Chrome支持本地的AJAX請(qǐng)求，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

公司主營(yíng)業(yè)務(wù)：成都做網(wǎng)站、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)推出華鎣免費(fèi)做網(wǎng)站回饋大家。

什么問(wèn)題

WEB開(kāi)發(fā)過(guò)程中，很多時(shí)候我們都是寫(xiě)一些簡(jiǎn)單的Demo，并不是開(kāi)發(fā)一個(gè)完整項(xiàng)目，此時(shí)我們常見(jiàn)的操作是：

?新建文件夾
?新建需要的文件
?在Sublime（或其他編輯器）中完成DEMO的編碼
?雙擊HTML文件，直接在瀏覽器中運(yùn)行演示

如果此時(shí)Demo中有AJAX操作，瀏覽器就會(huì)報(bào)一個(gè)錯(cuò)：

XMLHttpRequest cannot load file:///Users/iceStone/Documents/Learning/angular/demo/angular-moviecat/movie/view.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

原因很簡(jiǎn)單，瀏覽器（Webkit內(nèi)核）的安全策略決定了file協(xié)議訪問(wèn)的應(yīng)用無(wú)法使用XMLHttpRequest對(duì)象，錯(cuò)誤消息中也很清楚的說(shuō)明了：

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

跨域請(qǐng)求僅支持協(xié)議：http, data, chrome, chrome-extension, https, chrome-extension-resource

在某些瀏覽器中是允許這種操作的，比如Firefox瀏覽器，也就是說(shuō)Filefox支持file協(xié)議下的AJAX請(qǐng)求。

解決辦法

作為我個(gè)人最喜歡的Chrome，強(qiáng)大，沒(méi)什么好說(shuō)的，只有想不到，幾乎沒(méi)有做不到，所以必須也得支持：

Windows：

?設(shè)置Chrome的快捷方式屬性，在“目標(biāo)”后面加上–allow-file-access-from-files，注意前面有個(gè)空格，重新打開(kāi)Chrome即可。

Mac：

?只能通過(guò)終端打開(kāi)瀏覽器：打開(kāi)終端，輸入下面命令：open -a “Google Chrome” –args –disable-web-security然后就可以屏蔽安全訪問(wèn)了[ –args：此參數(shù)可有可無(wú)]

補(bǔ)充說(shuō)明

長(zhǎng)久來(lái)看，你肯定是需要通過(guò)HTTP的方式訪問(wèn)你的應(yīng)用，那就需要配置HTTP服務(wù)器軟件。但是對(duì)于一些剛?cè)腴T的同學(xué)，配一個(gè)HTTP服務(wù)器（比如Apache、IIS等）比較繁瑣，望而卻步。

?對(duì)于使用IDE的同學(xué)沒(méi)什么好說(shuō)的，每個(gè)用于Web開(kāi)發(fā)的IDE都內(nèi)置http服務(wù)器，不用單獨(dú)配置。
?對(duì)于喜歡輕量級(jí)編輯器的同學(xué)，比如Sublime Text，它默認(rèn)是沒(méi)有內(nèi)置HTTP服務(wù)器的

接下來(lái)推薦一款Sublime的插件Sublime Server，這個(gè)插件可以提供一個(gè)靜態(tài)文件HTTP服務(wù)器，具體使用方式如下：

?安裝Package Control（Sublime的插件管理工具），不會(huì)安裝自行Google
?Command+Shift+P或Ctrl+Shift+P打開(kāi)命令面板，輸入Package Control: Install Package
?稍等片刻（此時(shí)會(huì)連接到插件提供商的服務(wù)器，比較慢，有可能背墻），搜索SublimeServer
?安裝完成過(guò)后通過(guò)Tool → SublimeServer → Start SublimeServer
?一定要用打開(kāi)文件夾的方式使用Sublime，否則沒(méi)有辦法正常使用SublimeServer。
?打開(kāi)HTML文件，在右鍵菜單中選擇View in SublimeServer，此時(shí)就可以以HTTP方式在瀏覽器中訪問(wèn)該文件了，
?如果該選項(xiàng)是灰色的，那就說(shuō)明沒(méi)有啟動(dòng)SublimeServer，Tool → SublimeServer → Start SublimeServer

到此為止，你已經(jīng)可以在Sublime中使用HTTP服務(wù)器了。

可能遇到的問(wèn)題

如果Start SublimeServer不能點(diǎn)，可能是當(dāng)前8080端口被占用了（SublimeServer默認(rèn)使用8080端口）

解決方法就是打開(kāi)配置文件將端口修改為其他端口：

以下是我的配置：

{
  "attempts": 5,
  "autorun": false, // 是否在啟動(dòng)Sublime時(shí)自動(dòng)啟動(dòng)SublimeServer
  "defaultExtension": ".html",
  "interval": 500,
  "mimetypes":
  {
    "": "application/octet-stream",
    ".c": "text/plain",
    ".h": "text/plain",
    ".py": "text/plain"
  },
  "port": 2016 // 端口號(hào)
}

當(dāng)然其他編輯器也有類似的插件。

看完了這篇文章，相信你對(duì)“如何配置Chrome支持本地的AJAX請(qǐng)求”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前標(biāo)題：如何配置Chrome支持本地的AJAX請(qǐng)求
網(wǎng)頁(yè)鏈接：http://bm7419.com/article14/isgige.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、微信小程序、App開(kāi)發(fā)、品牌網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、外貿(mào)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容