交叉源請求僅支持協議方案：http，數據，chrome，chrome-extension，https

Question

我正在使用chrome和IE來解決這個問題。 我開發了HTML播放器，因為我使用XML來加載該播放器內的數據。 所有頁面都是通過XML訪問的。當我使用任何服務器在播放器中加載數據時工作正常。我現在使用WAMP服務器。 但現在我正在考慮將其作為離線版本並將其寫入CD。 但是當我在沒有服務器的情況下直接打開我的player.html文件時，XML數據不會加載。在控制台中顯示以下錯誤。

XMLHttpRequest無法加載file：/// C：/wamp/www/TTT_BR/english.xml。 交叉源請求僅支持協議方案：http，數據，chrome，chrome-extension，https。

Answer 1

您必須在服務器中運行您的應用程序，使用節點js

1-安裝NodeJS //提示：如果您使用的是Mac，則需要安裝和使用Homebrew

2-打開您最喜歡的終端模擬器

2-運行以下命令npm install http-server -g ： npm install http-server -g

3-運行以下命令啟動http-server： http-server 'path/to/your/angular/root/directory' -o

最后一個命令 - 特別是-o標志 - 應該打開一個瀏覽器窗口：localhost：8080

或//使用cd查找目錄應用程序
並使用此命令： http-server . -o http-server . -o

“” 表示您當前的目錄

你可以看到： https ： //teamtreehouse.com/community/i-am-not-able-to-load-my-json-file

Answer 2

出於測試/開發目的，最簡單的解決方案是使用firefox瀏覽器。

Answer 3

幾乎每個人都默認在mac / linux上有python。 誰知道，很容易得到它。

python -m SimpleHTTPServer將為您提供本地服務器@ http：// localhost：8000 。 從那里，您可以訪問您的應用程序所需的任何文件。

注意：對python版本3.0+使用python -m http.server

Answer 4

或者您可以在XAMPP控制面板中運行Apache和MySQL等Web服務器。 將文件夾放在/ htdocs / xampp文件夾中，然后使用localhost在瀏覽器中運行代碼。