La raison du JavaScript inter-domaines est qu'en raison des restrictions de la politique d'homologie du navigateur, js dans le nom de domaine actuel ne peut lire que les attributs de fenêtre dans le même domaine, ce qui se produit entre domaines. La politique de même origine signifie que afin de garantir la sécurité des informations des utilisateurs et d'empêcher les sites Web malveillants de voler des données, les navigateurs interdisent les interactions JS entre différents domaines.
Comment démarrer rapidement avec VUE3.0 : Entrez dans
l'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.
Le problème inter-domaines est limité par la politique de même origine du navigateur. Le js du nom de domaine actuel ne peut lire que les attributs de fenêtre dans le même domaine.
En raison des restrictions de la politique de même origine du navigateur. La politique de même origine est une convention. Il s'agit de la fonction de sécurité essentielle et la plus élémentaire du navigateur. Si la politique de même origine est manquante, les fonctions normales du navigateur peuvent être affectées. On peut dire que le Web est construit sur la base de la politique de même origine. Le navigateur n'est qu'une implémentation de la politique de même origine. La politique de même origine empêche les scripts JavaScript d'un domaine d'interagir avec le contenu d'un autre domaine. La soi-disant même origine (c'est-à-dire dans le même domaine) signifie que les deux pages ont le même protocole, le même hôte et le même numéro de port.
En termes simples, la politique de même origine signifie que afin de garantir la sécurité des informations des utilisateurs et d'empêcher les sites Web malveillants de voler des données, le navigateur interdit les interactions JS entre différents domaines. Pour les navigateurs, tant que l'un des noms de domaine, protocoles et ports est différent, la politique de même origine sera déclenchée, limitant ainsi les interactions suivantes entre eux :
1. Les cookies, LocalStorage et IndexDB ne peuvent pas être lus
; DOM ne peut pas être obtenu ;
3. La requête AJAX ne peut pas être envoyée.
La définition la plus stricte du cross-domain est la suivante : tant que le protocole, le nom de domaine et le port sont différents, il est considéré comme cross-domain.
Solution cross-domaine
JSONP : Vous devez ajouter dataType : "jsonp" dans la méthode de requête, //Le format des données est défini sur jsonp, jsonp : "callback", //Jquery génère le nom du paramètre de vérification
1, dataType, ce paramètre doit être défini dans jsonp
2. jsonp, la valeur de ce paramètre doit être convenue avec le
webpackde proxy inverse nginx
côté serveurConfigurer le proxy inverse : utilisez directement le devServer d'échafaudage pour configurer le proxy inverse afin de résoudre les problèmes inter-domaines dans le processus de développement
Partage de ressources inter-domaines (CORS)
Inter-domaine Nodejs : utilisez nodejs localement pour configurer un serveur, appeler le serveur backend via ce serveur, renvoyer les données, puis les renvoyer au serveur frontal. Il n'y a pas de croisement. -domaine
Protocole WebSocket. Interdomaine
via JSONP.
Comprenez par vous-même : JSONP est src en utilisant la balise de script. Pour obtenir des attributs interdomaines, vous ne pouvez utiliser que des requêtes get. pour obtenir les données souhaitées.
Principe JSONP : le front-end définit une bonne méthode et la transmet au back-end via l'attribut src. Le back-end obtient la méthode puis la transmet après avoir entré la méthode d'épissage des données. il est transmis au front-end.Le front-end l'utilise comme méthode pour appeler
JSONP.Il ajoute principalement un rappel dans la méthode de requête encapsulée.Ce rappel est convenu par le front-end et le back-end.Recommandations
associées:Tutoriel d'apprentissage JavaScript.
Ce qui précède contient les détails des raisons du contenu JavaScript inter-domaines, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php pour plus d'informations !
