Comment définir les paramètres proxyTable sur tous les domaines avec vue

Cette fois, je vais vous montrer comment utiliser vue pour définir les paramètres proxyTable sur plusieurs domaines Jetez un œil.

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

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

proxyTable: { '/api': { target: 'https://www.xxx.com/',//你要跨的域 changeOrigin: true, pathRewrite: { '^/api': '/api', }, headers:{ //这边可以堆headers进行设置 } }, }, 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!

import axios from 'axios' axios.get('/getMessage').then(()=>{}) Lecture recommandée :

Utilisation élégante des modules CSS dans Vue

Comment gérer les événements de double-clic et de clic dans Problèmes de conflit JS