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

Cet article présente principalement la méthode d'implémentation des requêtes inter-domaines dans l'environnement de développement vue-cli. Maintenant, je le partage avec vous et le donne comme référence.

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 qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Méthode Ajax pour lire les données du fichier de ressources de propriétés

Méthode Ajax pour mettre à jour régulièrement un certain bloc de la méthode de contenu de la page

Méthode Ajax pour obtenir la longueur du contenu de la réponse

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!