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

Zusammenfassung der Probleme bei der Speicherplatzfreigabe unter Linux

Die /Partitionsauslastung eines Servers im IDC is...

JavaScript-Canvas zum Erzielen eines Regentropfeneffekts

In diesem Artikelbeispiel wird der spezifische Co...

Wissen Sie, wie man Mock in einem Vue-Projekt verwendet?

Inhaltsverzeichnis Erster Schritt: Der zweite Sch...

CentOS 8 ist jetzt verfügbar

CentOS 8 ist jetzt verfügbar! Die Versionen von C...

So führen Sie SCSS in ein React-Projekt ein

Laden Sie zuerst die Abhängigkeiten herunter Garn...

Eine kurze Erläuterung des Navigationsfensters in Iframe-Webseiten

Eine kurze Erläuterung des Navigationsfensters in...

Detaillierte Erklärung der HTML-Formularelemente (Teil 2)

HTML-Eingabeattribute Das Value-Attribut Das Valu...

So konvertieren Sie MySQL horizontal in vertikal und vertikal in horizontal

Daten initialisieren Tabelle löschen, wenn `test_...

Detaillierte Erläuterung der perfekten CSS3+JS-Implementierung des Lupenmodus

Vor etwa einem Jahr habe ich einen Artikel geschr...

mysql 5.7.5 m15 winx64.zip Installations-Tutorial

So installieren und konfigurieren Sie mysql-5.7.5...

So führen Sie PostgreSQL mit Docker aus

1. Installieren Sie Docker. Referenz-URL: Docker-...

Details zur Verwendung regulärer Ausdrücke in MySQL

Inhaltsverzeichnis 1. Einleitung 2. Bereiten Sie ...