Der Grund für domänenübergreifendes JavaScript liegt darin, dass js im aktuellen Domänennamen aufgrund von Browser-Homologierichtlinienbeschränkungen nur Fensterattribute in derselben Domäne lesen können, sodass domänenübergreifendes JavaScript auftritt. Die Same-Origin-Richtlinie bedeutet, dass Browser JS-Interaktionen zwischen verschiedenen Domänen verbieten, um die Sicherheit von Benutzerinformationen zu gewährleisten und zu verhindern, dass bösartige Websites Daten stehlen.
So starten Sie schnell mit VUE3.0: Geben Sie
die Betriebsumgebung dieses Tutorials ein: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Das domänenübergreifende Problem wird durch die Same-Origin-Richtlinie des Browsers eingeschränkt. Die js des aktuellen Domänennamens können nur die Fensterattribute in derselben Domäne lesen.
Aufgrund der Same-Origin-Richtlinieneinschränkungen des Browsers. Die Same-Origin-Richtlinie ist eine Konvention. Sie ist die wichtigste und grundlegendste Sicherheitsfunktion des Browsers. Wenn die Same-Origin-Richtlinie fehlt, können die normalen Funktionen des Browsers beeinträchtigt sein. Man kann sagen, dass das Web auf der Grundlage der Same-Origin-Richtlinie aufgebaut ist. Der Browser ist lediglich eine Implementierung der Same-Origin-Richtlinie. Die Same-Origin-Richtlinie verhindert, dass JavaScript-Skripte einer Domäne mit Inhalten einer anderen Domäne interagieren. Der sogenannte gleiche Ursprung (also in der gleichen Domäne) bedeutet, dass die beiden Seiten das gleiche Protokoll, den gleichen Host und die gleiche Portnummer haben.
Einfach ausgedrückt bedeutet die Same-Origin-Richtlinie, dass der Browser JS-Interaktionen zwischen verschiedenen Domänen verbietet, um die Sicherheit von Benutzerinformationen zu gewährleisten und zu verhindern, dass böswillige Websites Daten stehlen. Bei Browsern wird die Same-Origin-Richtlinie ausgelöst, solange einer der Domänennamen, Protokolle und Ports unterschiedlich ist, wodurch die folgenden Interaktionen zwischen ihnen eingeschränkt werden:
1. Cookies, LocalStorage und IndexDB können nicht gelesen werden
. DOM kann nicht abgerufen werden;
3. AJAX-Anfrage kann nicht gesendet werden.
Die strengere Definition von domänenübergreifend lautet: Solange Protokoll, Domänenname und Port unterschiedlich sind, wird es als domänenübergreifend betrachtet.
Domänenübergreifende Lösung
JSONP: Sie müssen dataType: „jsonp“ in der Anforderungsmethode hinzufügen. // Das Datenformat ist auf jsonp, jsonp: „callback“ festgelegt. // Jquery generiert den Namen des Überprüfungsparameters
1, dataType, Dieser Parameter muss in JSONP 2 festgelegt werden
. JSONP, der Wert dieses Parameters muss mit dem serverseitigen
Nginx-Reverse-Proxy
-Webpack vereinbart werden. Reverse-Proxy konfigurieren: Verwenden Sie den Gerüst-DevServer direkt, um den Reverse-Proxy zu konfigurieren und domänenübergreifende Probleme in zu lösen Entwicklungsprozess
Domänenübergreifende Ressourcenfreigabe (CORS)
NodeJS domänenübergreifend: Verwenden Sie NodeJS lokal, um einen Server einzurichten, den Backend-Server über diesen Server aufzurufen, Daten zurückzugeben und sie dann an den Front-End-Server zurückzugeben -Domain-
WebSocket-Protokoll
.
Verstehen Sie selbst: Um domänenübergreifende Attribute zu erreichen, können Sie diese Methode verwenden So erhalten Sie die gewünschten Daten
: Das Front-End definiert eine gute Methode und übergibt sie über das src-Attribut an das Back-End. Das Back-End ruft die Methode ab und übergibt sie. Es wird an das Front-End übergeben, um es als Methode zum Aufrufen
von JSONP zu verwenden. Dieser Rückruf wird vom Front-End und dem Back-End vereinbart
.
Im Folgenden finden Sie die Einzelheiten zu den Gründen für domänenübergreifende JavaScript-Inhalte. Weitere Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.
