Comment utiliser Vue pour créer un proxy proxy

Cette fois, je vais vous montrer comment utiliser Vue pour créer un proxy. Quelles sont les précautions à prendre pour utiliser Vue pour créer un proxy ? Ce qui suit est un cas pratique, jetons un coup d'œil.

Lors du développement du framework Vue, vous rencontrerez des problèmes inter-domaines. Vous pouvez configurer le contenu de proxyTable dans config/index.js et utiliser le proxy proxy.

// config/index.js 文件
proxyTable: {
   '/api': {
    target: 'http://192.168.149.90:8080/', // 设置你调用的接口域名和端口号
    changeOrigin: true,   // 跨域
    pathRewrite: {
     '^/api': '/'     
    }
   }
  },

Ici, il est entendu que '/api' est utilisé pour remplacer l'adresse dans la cible. Dans les composants ultérieurs, lorsque nous supprimons l'interface, nous utilisons directement api à la place. pour appeler 'http://192.168.149.90:8080/xxx /duty?time=2017-07-07 14:57:22', écrivez directement '/api/xxx/duty?time=2017-07-07 14 : 57:22' à

dans dev Configurez l'adresse de demande de l'environnement de développement dans .env.js

// config/dev.env.js 文件
module.exports = merge(prodEnv, {
 NODE_ENV: '"development"',
 ADMIN_SERVER: '"/api/"',
});

Si vous demandez axios pour le plug-in, configurez-le comme suit

const adminServer = axios.create({
 baseURL: process.env.ADMIN_SERVER,
});

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article, et plus encore. Veuillez faire attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser l'outil de gestion et d'empaquetage modulaire Webpack

security.js+RSA pour effectuer le chiffrement Fonction

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!