Proxy utilisant le paramètre proxyTable

Cette fois, je vais vous présenter l'utilisation du proxy du paramètre proxyTable. Quelles sont les précautions à prendre pour utiliser le proxy du paramètre proxyTable ?

Qu'est-ce que le proxy inter-domaines

Il existe une politique de même origine entre les navigateurs Pour des raisons de sécurité, différents domaines ne sont pas autorisés. obtenir des données. , à l'exception de quelques exemples spéciaux

, , et d'autres balises peuvent être inter-domaines mais généralement sous la forme de get Si vous utilisez axios. de js pour obtenir à distance Si tel est le cas, la politique de même origine sera déclenchée à moins que le code de votre serveur ne définisse un en-tête pour vous permettre d'y accéder. C'est évidemment 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 puis nous introduisons un package ajax axios et exécutons ajax

import axios from 'axios' axios.get('/getMessage').then(()=>{}) Une fois le code ci-dessus exécuté, il vous aidera automatiquement à obtenir les données de https://www.xxx.com/api/getMessage sur tous les domaines

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 site Web chinois de php !

Lecture recommandée :

Encapsulez le crochet de navigation de routage Vue2 et utilisez-le en combat réel

nœud+jeton pour la vérification de l'utilisateur