本文主要介绍如何在Vue中实现委托代理。边肖认为这很好。现在分享给大家，给大家一个参考。来和边肖一起看看吧。

Vue框架开发的时候会遇到跨领域的问题。可以在config/index.js中配置proxyTable内容，使用proxy代理。

//config/index.js文件

代理表：{

/api': {

target:' 3358192 . 168 . 149 . 90:8080/'，//设置你调用的接口的域名和端口号。

ChangeOrigin: true，//跨域

路径重写：{

'^/api': '/'

}

}

},

这里理解为“/api”用于替换target中的地址。当我们在后面的组件中丢弃接口时，我们直接使用API来代替。比如我想打电话‘http://192 . 168 . 149 . 90:8080/XXX/duty？时间=2017-07-07 14:57:22 '，就写'/api/xxx/duty？'时间=2017-07-07 14:57:22 '

在dev.env.js中配置开发环境请求地址

//config/dev.env.js文件

module.exports=merge(prodEnv，{

NODE_ENV:“开发”，

ADMIN_SERVER: ''/api/' '，

});

如果请求axios插件，配置如下

const adminServer=axios . create({

base URL:process . env . admin _ SERVER，

});

这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。