Mehrere Lösungen für domänenübergreifende Gründe in der Webentwicklung

Mehrere Lösungen für domänenübergreifende Gründe in der Webentwicklung

Domänenübergreifende Gründe

Dies liegt an den Same-Origin-Policy-Einschränkungen des Browsers.

Cross-Domain bedeutet: Wenn eine Anfrage URL Wenn sich ein beliebiges Protokoll, ein Domänenname oder eine Portnummer von der aktuellen Seiten-URL unterscheidet, handelt es sich um eine domänenübergreifende Verbindung.

JSONP

Diese Methode ist nicht für die Entwicklung geeignet und kann als völlig eliminiert bezeichnet werden. Aufgrund der Komplexität der Implementierung ist der Interviewer jedoch sehr an dieser Lösung interessiert.

Kernidee: Die Webseite fordert JSON-Daten vom Server an, indem sie ein src-Attribut eines <script>-Tags hinzufügt. Nach Erhalt der Anfrage legt der Server die Daten an die Parameterposition einer Callback-Funktion mit einem angegebenen Namen und gibt sie zurück.

Nachteile: Erfordert Backend-Zusammenarbeit zur Fertigstellung, kann nur Get-Anfragen senden

Implementierung: Beachten Sie, dass das Backend einen Methodenaufruf und tatsächliche Parameter zurückgibt.

Bildbeschreibung hier einfügen

Nginx-Lösung

Bildbeschreibung hier einfügen

Backend-Lösung

Fügen Sie Anmerkungen auf der Controller-Ebene hinzu:

@CrossOrigin(Ursprünge = "*", erlaubteHeader = "*")

origins : Liste der zulässigen Ursprungsdomänen

allowedHeaders : Die in Cross-Origin-Anfragen zulässigen Feldtypen in den Anfrageheadern

Oben finden Sie ausführliche Informationen zu verschiedenen Lösungen für die domänenübergreifenden Gründe der Webentwicklung. Weitere Informationen zu domänenübergreifenden Lösungen für die Webentwicklung finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!

Das könnte Sie auch interessieren:
  • Eine kurze Diskussion über das Implementierungsprinzip von Webpack4-Plugins
  • Detaillierte Erläuterung der Platzhalter für die Webentwicklung in JS-Zeichenfolgenverkettung und der Conlose-Objekt-API
  • Beispielcode für die JS-Funktion „Anti-Shake“ und „Throttling“ zur Entwicklung von Webprojekten
  • js zur Realisierung der Web-Message-Board-Funktion
  • Der JavaScript-Artikel zeigt Ihnen, wie Sie mit Webformularen spielen
  • Detaillierte Erläuterung zur Entwicklung von JavaScript-Webseiten auf Einstiegsniveau

<<:  Ausführliche Erläuterung der Standortpriorität von Nginx

>>:  So verwenden Sie Indizes zur Optimierung von MySQL ORDER BY-Anweisungen

Artikel empfehlen

Entmystifizierung des HTML 5-Arbeitsentwurfs

Das World Wide Web Consortium (W3C) hat einen Entw...

js-Code zur Realisierung eines Chatrooms für mehrere Personen

In diesem Artikelbeispiel wird der spezifische Co...

Implementierungscode für die teilweise Aktualisierung einer HTML-Seite

Aktualisierung der Ereignisantwort: Aktualisierun...

Beispiel für die horizontale Anordnung von li-Tags in HTML

Die meisten Navigationsleisten sind horizontal an...

Allgemeine grundlegende Linux-Befehle und -Verwendung

Dieser Artikel veranschaulicht anhand von Beispie...

Beispiel zum Ändern der inländischen Quelle in Ubuntu 18.04

Die eigene Quelle von Ubuntu stammt aus China, da...

Detaillierte Analyse der MySQL-Optimierung von like und = Leistung

Einführung Die meisten Leute, die schon einmal Da...

HTML-Tutorial: Das Optgroup-Element verstehen

Wählen Sie die Kategorieauswahl. Nach Tests könne...

Der Unterschied zwischen method=post/get in Form

Das Formular bietet zwei Möglichkeiten zur Datenüb...