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

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!