Explication détaillée de l'utilisation inter-domaines du proxy proxyTable

Cette fois, je vais vous apporter une explication détaillée de l'utilisation inter-domaines du proxy proxyTable. Quelles sont les précautions pour l'utilisation inter-domaines du proxy proxyTable. Ce qui suit est un cas pratique, prenons. un regard.

Qu'est-ce que le proxy inter-domaines

Il existe une politique de même origine entre les navigateurs et différents domaines sont pris en compte pour la sécurité L'obtention de données entre elles n'est pas autorisée, à l'exception de quelques exemples particuliers

, , la forme de get. Si vous utilisez Si l'axios de js est accessible à distance, la même politique d'origine sera déclenchée, à moins que le code de votre serveur ne définisse le head er pour vous permettre d'y accéder, ce qui est évidemment très déraisonnable! . N'est-il pas courant de nos jours de séparer le front-end et le back-end ? Le code back-end s'enfuit et il ne reste que le front-end. Comment puis-je obtenir le code bidimensionnel dans le front-end ? que l'utilisation de plusieurs domaines est très gênante et difficile, et qu'il n'est peut-être pas possible de le faire. Ensuite, vous pouvez utiliser un proxy inter-domaines

Principe du proxy inter-domaines .

Le soi-disant proxy consiste à utiliser le back-end pour faire des requêtes http au lieu du front-end, tout comme dans vue scaffolding, pour exécuter le projet, vous devez entrer npm run dev. ou npm run start. Cette commande ouvre en fait le serveur de nœud configuré. L'agent de vue scaffolding utilise le nœud pour lancer des requêtes http au lieu de la réception. Puisque n'est-ce pas facile si la requête n'est pas initiée par le navigateur ?

Comment vue scaffolding proxy cross-domain, trouve-t-il le fichier index.js dans le dossier de configuration, il y a un dev dans le fichier, y trouve proxyTable{}, modifiez-le

proxyTable: { '/api': { target: 'https://www.xxx.com/',//你要跨的域 changeOrigin: true, pathRewrite: { '^/api': '/api', }, headers:{ //这边可以堆headers进行设置 } }, }, Où target est l'adresse que vous souhaitez traverser le domaine, /api est le chemin de niveau suivant sous le domaine que vous traversez, comme ci-dessus pour obtenir les éléments sous https://www.xxx.com/api, et Ensuite, nous introduisons un package Ajax axios et exécutons ajax

import axios from 'axios' axios.get('/getMessage').then(()=>{}) Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le chinois PHP. site web!

Lecture recommandée :

Utiliser le mode élégant des modules CSS

Comment écrire des composants dans vue

Explication détaillée sur l'utilisation du rafraîchissement à chaud et du chargement à chaud du webpack