vue-cli effectue des requêtes inter-domaines

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!