"Cross-origin-requests werden nur für die unterstützten HTTP." Fehler beim laden einer lokalen Datei

Nur eindeutig sein - ja, die Fehlermeldung sagt, Sie können nicht mit Ihrem browser direkt an file://some/path/some.html

Hier sind einige Möglichkeiten, um schnell spin up einen lokalen web-server, um Ihre browser zu Rendern lokale Dateien

Python 2

Wenn du Python installiert...

1. Ändern Sie Verzeichnis in den Ordner, wo Ihre Datei some.html oder Datei(en) existieren mit dem Befehl cd /path/to/your/folder

2. Starten Sie eine Python-web-server mit dem Befehl python -m SimpleHTTPServer

Damit starten Sie eine web-server zum hosten Ihrer gesamten directory-listing bei http://localhost:8000

1. Können Sie einen benutzerdefinierten port python -m SimpleHTTPServer 9000 geben Sie link: http://localhost:9000

Dieser Ansatz ist in jeder Python-installation.

Python 3

Tun die gleichen Schritte, aber verwenden Sie stattdessen folgenden Befehl python3 -m http.server

Node.js

Alternativ, wenn Sie fordern, eine ansprechende Einrichtung und nutzen bereits nodejs...

1. Installieren http-server durch Eingabe npm install -g http-server

2. Wechseln Sie in Ihr Arbeitsverzeichnis, wo Ihresome.html Leben

3. Starten Sie Ihren http-server durch Eingabe http-server -c-1

Diese spins ein Node.js httpd, der dazu dient die Dateien in Ihrem Verzeichnis als statische Dateien zugänglich von http://localhost:8080

Ruby

Wenn Ihre bevorzugte Sprache ist Ruby ... Ruby Götter sagen, dass dies so gut funktioniert:

ruby -run -e httpd . -p 8080

PHP

Natürlich PHP hat auch seine Lösung.

php -S localhost:8000

InformationsquelleAutor Scott Stensland

Lief in heute.

Schrieb ich einige code, der wie folgt aussah:

app.controller('ctrlr', function($scope, $http){
    $http.get('localhost:3000').success(function(data) {
        $scope.stuff = data;
    });
});

...aber es sollte so Aussehen müssen:

app.controller('ctrlr', function($scope, $http){
    $http.get('http://localhost:3000').success(function(data) {
        $scope.stuff = data;
    });
});

Der einzige Unterschied war das fehlen von http:// im zweiten code-snippet.

Nur wollte, dass draußen im Fall, es gibt andere mit einem ähnlichen Problem.

InformationsquelleAutor James Harrington

In einem Android-app — zum Beispiel, um zu erlauben, JavaScript-Zugriff auf Vermögen über file:///android_asset/ — Nutzung setAllowFileAccessFromFileURLs(true) auf die WebSettings, dass Sie aus der Berufung getSettings() auf die WebView.

InformationsquelleAutor CommonsWare

Ich werde die Liste 3 verschiedene Ansätze um dieses Problem zu lösen:

1. Mit einem sehr leichten npm Paket: Installieren live-server mit npm install -g live-server. Dann, gehen Sie zu diesem Verzeichnis, öffnen Sie das terminal und geben Sie live-server - und enter-Taste drücken, Seite wird serviert in localhost:8080. BONUS: Es unterstützt auch hot-reloading standardmäßig.
2. Mit einer leichten Google Chrome app von Google entwickelt: Installieren Sie die app, gehen Sie auf den tab "apps" in Chrome und öffnen Sie die app. In der app zeigen Sie es auf den richtigen Ordner. Ihre Seite wird serviert!
3. Ändern der Chrome-Verknüpfung in windows: Erstellen Sie ein Chrome browser-Verknüpfung. Mit der rechten Maustaste auf das Symbol und öffnen Sie Eigenschaften. In den Eigenschaften Bearbeiten target zu "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="C:/ChromeDevSession" und sparen. Dann mit Chrome öffnen Sie die Seite über ctrl+o. HINWEIS: NICHT verwenden Sie diese Verknüpfung, für regelmäßige surfen.

InformationsquelleAutor BlackBeard

Verwenden http:// oder https:// zu erstellen url

Fehler: localhost:8080

Lösung: http://localhost:8080

InformationsquelleAutor KARTHIKEYAN.A

War ich immer das genaue Fehlermeldung beim laden einer HTML-Datei auf dem browser, der eine json-Datei aus dem lokalen Verzeichnis. In meinem Fall, konnte ich dies lösen, indem Sie erstellen eine einfache Knoten-server, erlaubt server für statische Inhalte. Ich verließ den code für diese in dieser andere Antwort.

InformationsquelleAutor thehme

Ich vermute, es ist bereits in einigen der Antworten, aber ich werde etwas ändern, damit die komplette Arbeit Antwort (leichter zu finden und zu verwenden).

1. Gehen Sie zu: https://nodejs.org/en/download/. Install nodejs.

2. Installieren http-server mit dem Befehl von der Eingabeaufforderung aus npm install -g http-server.

3. Wechseln Sie in Ihr Arbeitsverzeichnis, wo index.html/yoursome.html befindet.

4. Starten Sie Ihren http-server mit dem Befehl http-server -c-1

Öffnen Sie web-browser zu http://localhost:8080
oder http://localhost:8080/yoursome.html - abhängig von Ihrem html-Namen.

InformationsquelleAutor TarmoPikaro

er. Ich habe gerade einige offizielle Worte "Versucht zu laden, unbebaut, remote-AMD-Module, die das dojo/text plugin schlägt fehl aufgrund von cross-origin-security-Einschränkungen. (Built-Versionen der AMD-Module sind davon nicht betroffen, weil die Anrufe dojo/text werden beseitigt durch das build-system.)" https://dojotoolkit.org/documentation/tutorials/1.10/cdn/

InformationsquelleAutor YUIOP QWERT

Für alle y ' all auf MacOS... setup eine einfache LaunchAgent um diese glamouröse Funktionen in Ihre eigene Kopie von Chrome...

Sparen plist namens was (launch.chrome.dev.mode.plistzum Beispiel) in ~/Library/LaunchAgents mit ähnlichem Inhalt...

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>Label</key>
    <string>launch.chrome.dev.mode</string>
    <key>ProgramArguments</key>
    <array>
        <string>/Applications/Google Chrome.app/Contents/MacOS/Google Chrome</string>
        <string>-allow-file-access-from-files</string>
    </array>
    <key>RunAtLoad</key>
    <true/>
</dict>
</plist>

Es sollte starten.. aber Sie können es zwingen, zu tun, also zu jeder Zeit mit dem terminal-Befehl

launchctl load -w ~/Library/LaunchAgents/launch.chrome.dev.mode.plist

TADA! ? ?? ? ??

InformationsquelleAutor Alex Gray

Nicht möglich, load-statische lokale Dateien(z.B. svg), ohne server. Wenn Sie NPM /GARN in Ihrem Rechner installiert haben, können Sie die setup-einfache http-server mit "http-server"

npm install http-server -g
http-server [path] [options]

Oder öffnen Sie das terminal in das Projektverzeichnis und geben Sie "hs". Es wird automatisch starten Sie den HTTP-live-server.

InformationsquelleAutor sujithklr93