Maison  >  Article  >  interface Web  >  vue-cli effectue des requêtes inter-domaines

vue-cli effectue des requêtes inter-domaines

php中世界最好的语言
php中世界最好的语言original
2018-06-11 10:18:381197parcourir

Cette fois, je vais vous proposer vue-cli pour faire des requêtes inter-domaines. Quelles sont les précautions à prendre pour que vue-cli fasse des requêtes inter-domaines ? Ce qui suit est un cas pratique, jetons un coup d'oeil. z

Lors du développement front-end, les requêtes vers 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 le fichier. contenu suivant.

//例如要请求的接口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 :

Vue+Nuxt.js effectue un rendu côté serveur

Ce que Google a publié sur l'écriture de JS Spécification du code

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