微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在应用内获取开发服务器代理目标?

如何解决如何在应用内获取开发服务器代理目标?

我在应用程序中使用 iframe,我不知道如何通过开发服务器代理它的 src,因此我在做

const origin = process.env.NODE_ENV === 'production' ? location.origin : 'http://192.168.1.2:8081'

为了使 iframe 在开发模式下工作,'http://192.168.1.2:8081' 在这里是硬编码的,我正在寻找一种方法来重用 webpack 开发服务器代理目标,像 {{1} 这样的 API },但如果可以代理 getProxyTarget()iframe,那就更好了!

vue.config.js src 配置:

devServer

解决方法

我最终创建了一个环境变量:

VUE_APP_PROXY_TARGET='http://192.168.1.2:8081'

并在应用内使用它:

process.env.VUE_APP_PROXY_TARGET

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。