Konfigurieren Sie Chrome für die Unterstützung lokaler (Dateiprotokoll) AJAX-Anfragen (grafisches Tutorial)

In diesem Artikel wird hauptsächlich ausführlich beschrieben, wie Chrome für die Unterstützung lokaler (Dateiprotokoll-)AJAX-Anfragen konfiguriert wird. Interessierte Freunde können sich auf

Was sind die Probleme? beziehen >

Im Prozess der WEB-Entwicklung schreiben wir oft einige einfache Demos, anstatt ein komplettes Projekt zu entwickeln. Zu diesem Zeitpunkt sind unsere gemeinsamen Vorgänge:

• Erstellen Sie einen neuen Ordner

•Erstellen Sie die erforderlichen Dateien
•Vervollständigen Sie die DEMO-Codierung in Sublime (oder einem anderen Editor)
•Doppelklicken Sie auf die HTML-Datei, um die Demo direkt im Browser auszuführen

Wenn zu diesem Zeitpunkt eine AJAX-Operation in der Demo vorhanden ist, meldet der Browser einen Fehler:

XMLHttpRequest kann Datei:///Users/iceStone nicht laden /Documents /Learning/angular/demo/angular-moviecat/movie/view.html Cross-Origin-Anfragen werden nur für Protokollschemata unterstützt: http, data, chrome, chrome-extension, https, chrome-extension -resource .

Die Sicherheitsrichtlinie des Browsers (Webkit-Kernel) bestimmt, dass Anwendungen, auf die über das Dateiprotokoll zugegriffen wird, das XMLHttpRequest-Objekt ebenfalls nicht verwenden können besagt:

Cross-Origin-Anfragen werden nur für Protokollschemata unterstützt: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Herkunftsübergreifende Anfragen Unterstützt nur Protokolle: http, data, chrome, chrome-extension, https, chrome-extension-resource

Dieser Vorgang ist in einigen Browsern zulässig, z. B. im Firefox-Browser Es heißt, dass Filefox AJAX-Anfragen unter dem Dateiprotokoll unterstützt.

Lösung

Als mein persönlicher Lieblings-Chrome ist es leistungsstark, es gibt nichts zu sagen, nur fällt es mir nicht ein, Es gibt fast nichts, was ich nicht tun kann, also muss auch unterstützt werden:

Windows:

•Legen Sie die Verknüpfungseigenschaften von Chrome fest und fügen Sie hinzu – „allow-file“ nach „target“ -access-from-files einfügen. Beachten Sie, dass davor ein Leerzeichen steht. Öffnen Sie Chrome einfach erneut.

Mac:

• Der Browser kann nur über das Terminal geöffnet werden: Öffnen Sie das Terminal und geben Sie den folgenden Befehl ein: open -a „Google Chrome“ –args –disable-web-security und dann können Sie den sicheren Zugriff blockieren [ –args: Dieser Parameter ist optional]

Ergänzende Anweisungen

Langfristig müssen Sie auf jeden Fall über HTTP auf Ihre Anwendung zugreifen, daher müssen Sie die HTTP-Serversoftware konfigurieren. Für einige Studenten, die gerade erst anfangen, ist die Einrichtung eines HTTP-Servers (wie Apache, IIS usw.) jedoch umständlich und unerschwinglich.

•Studenten, die IDEs verwenden, gibt es nichts zu sagen. Jede für die Webentwicklung verwendete IDE verfügt über einen integrierten http-Server, sodass keine separate Konfiguration erforderlich ist.

•Für Schüler, die leichte Editoren wie Sublime Text mögen, verfügt dieser standardmäßig nicht über einen integrierten HTTP-Server

Als nächstes empfehle ich ein Sublime-Plug-in, Sublime Server. die einen HTTP-Server für statische Dateien bereitstellen kann, die spezifische Verwendung ist wie folgt:

•Install Package Control (Sublimes Plug-in-Verwaltungstool), das Google selbst nicht installiert

•Befehl+ Umschalt+P oder Strg+Umschalt+P, um das Befehlsfeld zu öffnen, geben Sie Paketsteuerung ein: Paket installieren
•Warten Sie einen Moment (es wird eine Verbindung zum Server des Plug-in-Anbieters hergestellt, der langsam ist und sich möglicherweise hinter der Mauer befindet ), suchen Sie nach SublimeServer
•Übergeben Sie nach Abschluss der Installation Tool → SublimeServer → Start SublimeServer
•Stellen Sie sicher, dass Sie Sublime verwenden, indem Sie einen Ordner öffnen, sonst können Sie SublimeServer nicht normal verwenden.
•Öffnen Sie die HTML-Datei und wählen Sie im Kontextmenü „In SublimeServer anzeigen“. Zu diesem Zeitpunkt können Sie über HTTP auf die Datei zugreifen.
•Wenn diese Option ausgegraut ist, bedeutet dies, dass SublimeServer verfügbar ist nicht gestartet. , Tool → SublimeServer → SublimeServer starten

Bisher können Sie den HTTP-Server bereits in Sublime verwenden.

Mögliche Probleme

Wenn Start SublimeServer nicht geklickt werden kann, kann es sein, dass der aktuelle Port 8080 belegt ist (SublimeServer verwendet standardmäßig Port 8080)

Die Lösung besteht darin, die Konfigurationsdatei zu öffnen und den Port auf einen anderen Port zu ändern:

Das Folgende ist meine Konfiguration:

{
  "attempts": 5,
  "autorun": false, // 是否在启动Sublime时自动启动SublimeServer
  "defaultExtension": ".html",
  "interval": 500,
  "mimetypes":
  {
    "": "application/octet-stream",
    ".c": "text/plain",
    ".h": "text/plain",
    ".py": "text/plain"
  },
  "port": 2016 // 端口号
}

Natürlich haben auch andere Editoren ähnliche Plug-Ins.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Einfache Implementierung des AJAX-Paging-Effekts (grafisches Tutorial)

Bei Verwendung von Frameworks wie Ajax oder Easyui Json-lib-Verarbeitungslösung (grafisches Tutorial)

Ajax realisiert unendliches Laden von Listen und sekundäre Dropdown-Optionseffekte

Das obige ist der detaillierte Inhalt vonKonfigurieren Sie Chrome für die Unterstützung lokaler (Dateiprotokoll) AJAX-Anfragen (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!