"Cross origin requests are supported only for HTTP."błąd podczas ładowania pliku lokalnego

Tak dla ścisłości - tak, błąd mówi, że nie można skierować przeglądarki bezpośrednio na file://some/path/some.html

Oto kilka opcji szybkiego uruchomienia lokalnego serwera www, aby umożliwić przeglądarce renderowanie plików lokalnych

Python 2

Jeśli masz zainstalowany Python...

1. Zmień katalog w folderze, w którym istnieje plik some.html lub plik(y) za pomocą polecenia cd /path/to/your/folder

2. Uruchom serwer WWW Pythona za pomocą polecenia python -m SimpleHTTPServer

1. możesz użyć niestandardowego portu python -m SimpleHTTPServer 9000 dając link: http://localhost:9000

To podejście jest wbudowane w dowolną instalację Pythona.

Python 3

Wykonaj te same kroki, ale zamiast tego użyj następującego polecenia python3 -m http.server

Węzeł.js

Alternatywnie, jeśli potrzebujesz bardziej responsywnej konfiguracji i już używasz nodejs...

1. Zainstaluj http-server wpisując npm install -g http-server

2. Zmień swój katalog roboczy, w którym mieszka twójsome.html

3. Uruchom serwer http wydając http-server -c-1

To obraca węzeł.js httpd, który obsługuje pliki w katalogu jako pliki statyczne dostępne z http://localhost:8080

Ruby

Jeśli preferowanym językiem jest Ruby ... bogowie rubinów mówią, że to działa również:

ruby -run -e httpd . -p 8080

PHP

Z kurs PHP ma również swoje rozwiązanie.

php -S localhost:8000

W Chrome możesz użyć tej flagi:

--allow-file-access-from-files

Czytaj więcej tutaj.

Wpadłem do tego dzisiaj.

Napisałem jakiś kod, który wyglądał tak:

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

...ale to powinno wyglądać tak:

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

Jedyną różnicą był brak http:// w drugim fragmencie kodu.

Chciałem tylko umieścić to tam na wypadek, gdyby były inne z podobnym problemem.

Wystarczy zmienić adres url na http://localhost zamiast localhost. Jeśli otworzysz plik html z lokalnego, powinieneś utworzyć lokalny serwer, aby obsługiwać ten plik html, najprostszym sposobem jest użycie Web Server for Chrome. To rozwiąże problem.

W aplikacji na Androida - na przykład, aby umożliwić JavaScript dostęp do zasobów za pośrednictwem file:///android_asset/ - użyj setAllowFileAccessFromFileURLs(true) na WebSettings, które otrzymujesz od wywołania getSettings() na WebView.

Dla tych w Windows bez Pythona i Node.js, jest jeszcze lekkie rozwiązanie: Mangusta.

Wystarczy przeciągnąć plik wykonywalny tam, gdzie powinien znajdować się Katalog główny serwera i uruchomić go. Na pasku zadań pojawi się ikona, która przejdzie do serwera w domyślnej przeglądarce.

Również, Z-WAMP jest w 100% przenośny WAMP, który działa w jednym folderze, to niesamowite. Jest to opcja, jeśli potrzebujesz szybkiego serwera PHP i MySQL.

Jeśli używasz Mozilli Firefox, będzie działać zgodnie z oczekiwaniami bez żadnych problemów;

P. S. nawet IE_Edge działa dobrze, zaskakująco!!

Wymienię 3 różne podejścia do rozwiązania tego problemu:

1. użycie bardzo lekkiego npm pakietu: zainstaluj live-server używając npm install -g live-server. Następnie przejdź do tego katalogu otwórz terminal i wpisz live-server i naciśnij enter, strona zostanie wyświetlona pod adresem localhost:8080. BONUS: domyślnie obsługuje również przeładowanie na gorąco.
2. korzystanie z lekkiej aplikacji Google Chrome opracowanej przez Google : zainstaluj aplikację, przejdź do zakładki aplikacje w Chrome i otwórz aplikację. W aplikacji skieruj go do odpowiedniego folderu. Twoja strona zostanie obsłużona!
3. modyfikowanie skrótu Chrome w systemie windows : Utwórz skrót przeglądarki Chrome. Kliknij prawym przyciskiem myszy ikonę i otwórz właściwości. W properties, edytuj target do "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="C:/ChromeDevSession" i zapisz. Następnie za pomocą Chrome otwórz stronę za pomocą ctrl+o. Uwaga: nie Nie używaj tego skrótu do regularnego przeglądania.

Otrzymywałem ten dokładny błąd podczas ładowania pliku HTML w przeglądarce, która używała pliku json z lokalnego katalogu. W moim przypadku udało mi się to rozwiązać, tworząc prosty serwer węzłów, który pozwalał serwować statyczną zawartość. Kod do tego zostawiłem w tej innej odpowiedzi .

Sugeruję użycie mini-serwera do uruchamiania tego typu aplikacji na localhost (jeśli nie używasz jakiegoś wbudowanego serwera).

Oto jeden, który jest bardzo prosty w konfiguracji i uruchomieniu:

https://www.npmjs.com/package/tiny-server

Po prostu mówi, że aplikacja powinna być uruchomiona na serwerze WWW. Miałem ten sam problem z chrome, uruchomiłem tomcat i przeniosłem tam moją aplikację i zadziałało.

Najszybszy sposób dla mnie był: dla użytkowników windows uruchom plik Na Firefox problem rozwiązany, lub jeśli chcesz użyć chrome najprostszym sposobem dla mnie było zainstalowanie Pythona 3 następnie z wiersza polecenia uruchom komendę python -m http.server następnie przejdź do http://localhost:8000/ Następnie przejdź do plików

python -m http.server

Er. Właśnie znalazłem kilka oficjalnych słów " próba załadowania niezabudowanych, zdalnych modułów AMD, które używają wtyczki dojo / tekst nie powiedzie się z powodu ograniczeń bezpieczeństwa cross-origin. (Wbudowane Wersje modułów AMD nie mają wpływu, ponieważ wywołania do dojo / text są eliminowane przez system budowania.) " https://dojotoolkit.org/documentation/tutorials/1.10/cdn/

Jednym ze sposobów ładowania plików lokalnych jest użycie ich w folderze projektu zamiast poza folderem projektu. Utwórz jeden folder pod przykładowymi plikami projektu podobny do tego, jak tworzymy dla obrazów i zastąp sekcję, w której użyj pełnej ścieżki lokalnej innej niż ścieżka projektu i użyj względnego adresu url pliku w folderze projektu . To działało dla mnie

Dla wszystkich na MacOS... skonfiguruj prosty LaunchAgent , aby włączyć te wspaniałe możliwości we własnej kopii Chrome ...

Save a plist, named whatever (launch.chrome.dev.mode.plist, na przykład) w {[4] } o podobnej treści do...

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

To powinno uruchomić przy starcie.. ale możesz go do tego zmusić w dowolnym momencie za pomocą polecenia terminal

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

TADA!

• Zainstaluj lokalny serwer WWW dla Javy np. Tomcat,dla php możesz użyć lampy itp
• upuść plik json w ogólnodostępnym katalogu serwera aplikacji

• 

• Uruchom serwer aplikacji i powinieneś mieć dostęp do pliku z localhost

Udało mi się również odtworzyć ten Komunikat o błędzie przy użyciu znacznika kotwicy o następującym href:

<a href="javascript:">Example a tag</a>

W moim przypadku tag a był używany do uzyskania 'kursora wskaźnika', a zdarzenie było faktycznie kontrolowane przez jakieś zdarzenie jQuery on click. Usunąłem href i dodałem klasę, która ma zastosowanie:

cursor:pointer;

Nie można ładować statycznych plików lokalnych (np. svg) bez serwera. Jeśli masz zainstalowany NPM / YARN w swoim komputerze, możesz skonfigurować prosty serwer http za pomocą " http-server "

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

Lub otwórz terminal w folderze projektu i wpisz "hs". Automatycznie uruchomi serwer HTTP live.

Podejrzewam, że jest już wspomniane w niektórych odpowiedziach, ale lekko zmodyfikuję to, aby mieć pełną działającą odpowiedź (łatwiejszą do znalezienia i użycia).

1. Przejdź do: https://nodejs.org/en/download / . Install nodejs.

2. Zainstaluj http-server, uruchamiając polecenie z wiersza polecenia npm install -g http-server.

3. Zmiana w katalogu roboczym, gdzie index.html/yoursome.html / align = "left" /

4. Uruchom serwer http, uruchamiając polecenie http-server -c-1

Otwórz przeglądarkę do http://localhost:8080 lub http://localhost:8080/yoursome.html - w zależności od nazwy pliku html.

Użyj http:// LUB https:// aby utworzyć adres url

Błąd: localhost:8080

Rozwiązanie: http://localhost:8080

Wiele problemów do tego, z moim problemem brakuje ' / ' przykład: jquery-1.10.2.js: 8720 XMLHttpRequest nie może załadować http://localhost:xxxProduct/getList_tagLabels/ To musi być: http://localhost:xxx/Product/getList_tagLabels/

Mam nadzieję, że ta pomoc dla tych, którzy sprostają temu problemowi.