Comment vue proxyTable implémente le débogage des requêtes inter-domaines de l'interface

Cette fois, je vais vous montrer comment vue proxyTable implémente interfacerequête inter-domainesdébogage, quelles sont les précautions pour que vue proxyTable implémente l'interface croisée- débogage des requêtes de domaine , ce qui suit est un cas pratique, jetons un coup d'œil.

Il est plus courant d'accéder entre différents domaines et d'accéder à des serveurs distants pour le débogage local. . . . Il s'agit d'un problème de domaine.

VUE est résolu via proxyTable :

Dans config/index.js Fichier de configuration

 dev: {
  env: require('./dev.env'),
  port: 8080,
  autoOpenBrowser: true,
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  //proxyTable: {},
  proxyTable: proxyConfig.proxyList,
  // css Sourcemaps off by default because relative paths are "buggy"
  // with this option, according to the CSS-Loader README
  // (https://github.com/webpack/css-loader#sourcemaps)
  // In our experience, they generally work as expected,
  // just be aware of this issue when enabling this option.
  cssSourceMap: false
 }

La partie ligne rouge consiste à définir les paramètres du proxy :

Créez dans le répertoire de configuration, écrivez proxyConfig.js dans

module.exports = {
 proxyList: {
    '/apis': {
      // 测试环境
      target: 'https://goods.footer.com', // 接口域名
      changeOrigin: true, //是否跨域
      pathRewrite: {
        '^/apis': ''  //需要rewrite重写的,
      }       
    }
 }
}

Introduisez

var proxyConfig = require('./proxyConfig')

dans le fichier de configuration config/index.js

Utilisation :

Le serveur fournit une interface : https://goods.footer.com/health/list

Demande de vue

var obj = {
  pageSize: 20
}
this.$http.get( '/apis/health/list',{params: obj})
      .then(function(res){
    // 成功回调
      },function(){
       alert("error")
      })

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 faire fonctionner la base de données mongodb dans Node.js

Explication détaillée du passage des paramètres vue+query étapes

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!