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

Kennen Sie die seltsamen Dinge in Javascript?

Unsere erfahrenen Vorgänger haben zahllose Codes ...

base target="" gibt das Ziel des Basislinks zum Öffnen des Frames an

<base target=_blank> ändert den Zielrahmen d...

So überwachen Sie Oracle-Datenbanken mit Zabbix Agent2

Überblick In Zabbix Version 5.0 und höher wurde e...

Eine kurze Analyse der Konfigurationselemente des Angular CLI-Releasepfads

Vorwort Bei der Projektfreigabe ist immer eine Ve...

Techniken zur Optimierung von MySQL-Paging-Abfragen

In Anwendungen mit Paging-Abfragen sind Abfragen,...

Vue implementiert Drag-Fortschrittsbalken

In diesem Artikelbeispiel wird der spezifische Co...

So erstellen Sie ein CentOS-Basisimage

Vorwort Derzeit ist das von meiner Firma verwende...

So verwenden Sie die Wurmreplikation in einer MySQL-Datentabelle

Einfach ausgedrückt besteht die MySQL-Wurmreplika...

Reines HTML+CSS, um einen Tippeffekt zu erzielen

In diesem Artikel wird hauptsächlich der durch re...