chrome 等瀏覽器不支持本地ajax請求，的問題

XMLHttpRequest cannot load file:///D:/WWW/angularlx/ui-router-test/template/content.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

上述是chrome控制檯報錯信息，信息的意思很明顯，XMLHttpRequest 不能加載那個html文件，在本地是禁止跨域請求的，不支持file://協議，其實，這是我直接雙擊index.html文件後的結果，其實，我在本身電腦上安裝了phpstudy套件，我經過http://127.0.0.1/......./index.html是能夠正常打開頁面的，且不會報錯，這是固然的，如上述報錯信息後半句，跨域請求支持的協議有http嘛！

其實 ，禁止跨域是瀏覽器的安全限制機制，在每一個瀏覽器下都有，如在chrome、Firefox、opera 、360 都是這樣的，一樣會報告上述錯誤，可是能夠經過設置來繞過這個限制（若是常常 完前端代碼 建議在本機裝個web容器。。。），常見的方式是  右擊chrome快捷方式，選擇「屬性」，在「快捷方式」下的「目標」中添加" --allow-file-access-from-files"(最前面有個空格)，重啓chrome便可。以下圖：

 

 

 

 

 

 

還有一種方式，不用在快捷方式上作手腳，就是：

一、cmd進入dos環境

二、dos下進入\Google\Chrome\Application>(chrome.exe所在目錄)

三、運行命令 chrome.exe -- allow-file-access-from-files;

注意：運行完第3步以後，這個時候就會啓動chrome瀏覽器，不要關閉它，使用chrome打開那個以前會報錯的html文件，發現正常了，不會報錯了，但是，我如今把chrome關閉，在使用chrome代碼這個html文件仍是會報錯，這說明，這個方法只對本次打開的chrome有效，關閉再打開就無效了，爲了方便，仍是使用上面的那個修改快捷方式屬性的方法吧！