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

MySQL-Batch entfernt Leerzeichen in einem bestimmten Feld

Gibt es in MySQL eine Möglichkeit, Leerzeichen st...

Detaillierte Erklärung zum MySQL-Index

Inhaltsverzeichnis 1. Index-Grundlagen 1.1 Einlei...

Verkürzen Sie die Seiten-Rendering-Zeit, damit die Seite schneller läuft

Wie kann die Seiten-Rendering-Zeit im Browser so ...

Einfache Prinzipien für die Gestaltung des Webseiten-Layouts

Dieser Artikel fasst einige einfache Prinzipien d...

Beheben Sie den Fehler bei der Installation von VMware Tools unter Ubuntu 18.04

1. Laut dem Online-Tutorial schlägt die Installat...

Implementierung zum Hinzufügen von Bemerkungsinformationen zu MySQL

Vorwort Einige Leute haben mich in diesen Tagen u...

Detaillierte Konfiguration des mysql8.x-Docker-Remotezugriffs

Inhaltsverzeichnis Umweltbedingungen Aufgetretene...

MySQL-Datenbank-Indexreihenfolge durch Sortierung – detaillierte Erklärung

Inhaltsverzeichnis Die Ursache des Vorfalls Sorti...