本文主要介绍如何在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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。