Maison  >  Article  >  interface Web  >  Comment utiliser l'environnement de développement vue-cli pour implémenter des requêtes inter-domaines

Comment utiliser l'environnement de développement vue-cli pour implémenter des requêtes inter-domaines

php中世界最好的语言
php中世界最好的语言original
2018-05-26 15:35:541380parcourir

Cette fois, je vais vous montrer comment utiliser l'environnement de développement vue-cli pour implémenter des requêtes inter-domaines. Quelles sont les précautions à prendre pour utiliser l'environnement de développement vue-cli pour implémenter des requêtes inter-domaines ? , jetons un coup d'oeil.

Lors du développement front-end, les requêtes adressées à l'interface backend doivent souvent être inter-domaines. Pour implémenter des requêtes inter-domaines avec vue-cli, il vous suffit d'ouvrir config/index.js et de modifier ce qui suit. contenu.

//例如要请求的接口url为http://172.3.2.1:8000/look/1
module.exports = {
  dev:{
    proxyTable:{
      '/api':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/api': ''
        }
      }
    }
  }
}

À ce stade, saisissez /api/look/1 à l'URL de l'interface que vous souhaitez demander pour réaliser des requêtes inter-domaines.

Si vous ouvrez F12 à ce moment-là, vous constaterez que l'url demandée est localhost:8080/api/look/1. Il s'agit en fait d'une demande virtuelle de données du local, donc il n'y en aura pas. problèmes inter-domaines.

Dans des circonstances normales, il n'y a aucun problème avec la méthode ci-dessus. Si la méthode ci-dessus ne fonctionne pas, vous pouvez essayer d'écrire comme ceci :

//例如要请求的接口url为http://172.3.2.1:8000/look/1
module.exports = {
  dev:{
    proxyTable:{
      '/look':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/look': '/look'
        }
      }
    }
  }
}

À ce stade, à l'url. de l'interface que vous souhaitez demander, entrez /look/1 pour implémenter les requêtes inter-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 :

Comment utiliser JS pour trouver l'élément maximum d'un tableau de type Nombre

Comment gérer avec le chargement paresseux de vue-router Le chargement de trop de ressources pour la première fois entraîne une vitesse lente

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn