vue项目proxy代理不起作用,vue3 proxy代理,Vue中如何实现proxy代理

vue项目proxy代理不起作用,vue3 proxy代理,Vue中如何实现proxy代理

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

留言与评论(共有 条评论)
   
验证码: