So konfigurieren Sie Google Chrome für die Unterstützung von AJAX-Anfragen des Dateiprotokolls

Dieses Mal zeige ich Ihnen, wie Sie Google Chrome für die Unterstützung von AJAX-Anfragen des Dateiprotokolls konfigurieren. Was sind die Vorsichtsmaßnahmen für die Konfiguration von Google Chrome für die Unterstützung von AJAX-Anfragen des Dateiprotokolls? Schauen wir uns das einmal an.

Was ist das Problem?

Während des WEB-Entwicklungsprozesses schreiben wir oft einige einfache Demos, anstatt ein komplettes Projekt zu entwickeln. Unsere üblichen Vorgänge sind derzeit:

• 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. Führen Sie die Demo direkt im Browser aus

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

XMLHttpRequest kann nicht geladen werden file:///Users/iceStone/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-resourceDer Grund ist einfach, die Sicherheitsrichtlinie des Browser (Webkit-Kernel) Anwendungen, die den Dateiprotokollzugriff bestimmen, können das XMLHttpRequest-Objekt nicht verwenden. In der Fehlermeldung heißt es außerdem eindeutig:

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

Domänenübergreifende Anfragen unterstützen nur Protokolle: http, data, chrome, chrome-extension, https, chrome-extension-resource

In einigen Browsern ist dieser Vorgang in bestimmten Fällen zulässig, z. B. im Firefox-Browser. Dies bedeutet, 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, außer dass es unerwartet und fast unmöglich ist, also muss es unterstützt werden:

Windows:

• Legen Sie die Verknüpfungseigenschaften von Chrome fest und fügen Sie –allow-file-access-from-files nach „target“ hinzu. Beachten Sie, dass dies der Fall ist ein Leerzeichen davor, ö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 kann dann den sicheren Zugriff blockieren [ –args: Dieser Parameter ist optional]

Zusätzliche Erklärung

Auf lange Sicht Sie müssen auf jeden Fall über HTTP auf Ihre Anwendung zugreifen und müssen daher 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 empfehlen wir ein Sublime-Plug-in, Sublime Server, das Folgendes bereitstellen kann Als statischer Datei-HTTP-Server lautet die spezifische Verwendung wie folgt:

•Install Package Control (Sublimes Plug-in-Verwaltungstool), das kein eigenes Google installiert

•Befehl+Umschalt+P oder Strg +Umschalt+P, um das Befehlsfeld zu öffnen, Paketsteuerung eingeben: 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

•Nachdem die Installation abgeschlossen ist, gehen Sie zu Tool → SublimeServer → SublimeServer starten
•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

Zu diesem Zeitpunkt können Sie den HTTP-Server bereits in Sublime verwenden.

Mögliche Probleme

Wenn Start SublimeServer nicht angeklickt werden kann, ist möglicherweise der aktuelle Port 8080 belegt (SublimeServer verwendet standardmäßig Port 8080)

Die Lösung besteht darin, die Konfigurationsdatei und den Port ändern. Auf andere Ports ä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 glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So übergeben Sie ein Array mit Ajax an den Hintergrund

So implementieren Sie den AJAX-Paging-Effekt

Das obige ist der detaillierte Inhalt vonSo konfigurieren Sie Google Chrome für die Unterstützung von AJAX-Anfragen des Dateiprotokolls. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!