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

问题描述

我在应用程序中使用 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