Comment vue-cli effectue des requêtes inter-domaines

Cette fois, je vais vous montrer comment vue-cli effectue des requêtes inter-domaines. Quelles sont les précautions pour que vue-cli effectue des requêtes inter-domaines. Ce qui suit est un cas pratique, prenons un. regarder.

Lors du développement front-end, les requêtes vers l' interface d'arrière-plan 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 modifiez le 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 :

JS manipule dynamiquement les balises HTML

Utilisez JS pour manipuler le contenu de la zone de texte de saisie

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!