Maison  >  Article  >  interface Web  >  Comment utiliser Vue pour implémenter un proxy proxy

Comment utiliser Vue pour implémenter un proxy proxy

php中世界最好的语言
php中世界最好的语言original
2018-06-02 14:48:001894parcourir

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

// 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 simplement '/api/xxx/duty?time=2017 -07-07 14:57:22'

Dans dev.env.jsConfigurer l'environnement de développementDemander l'adresse

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

Si vous demandez à axios le plug -in, la configuration est la suivante

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

Croyez-le Après avoir lu le cas dans cet article, vous maîtrisez la méthode. 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 utiliser le code source de vue pour analyser le mécanisme d'événement

Comment utiliser JS pour obtenir le ville et situation géographique de l'utilisateur

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn