Vue/Webpack 中的多个 .env.development 配置

Question

我觉得这不应该是一件很难的事情，但我无法让它运行。

我想为我的本地 Vue.js 项目使用两个不同的配置（使用 vue-cli 3）。

• 第一个在我的本地主机上有 VUE_APP_API_URL，
• 另一个连接到开发/登台服务器

所以，我想要.env.development-1和.env-development-2或类似的东西； 只是一种在两个完全相同的配置文件之间快速切换的方法。

我读过有关构建模式等的内容，但这些文章似乎都针对“构建”。 我只想用不同的配置运行本地开发服务器。

我将如何解决这个问题？

Answer 1

感谢我原帖下的评论，我发现解决方案实际上非常简单：

我刚刚做了一个.env.staging ，其中VUE_APP_API_URL指向登台服务器，其他一切都一样

然后

"scripts": {
    "serve:local": "vue-cli-service serve",
    "serve:staging": "vue-cli-service serve --mode staging",
}

它有效。

首先必须把我的脑袋围绕在这个概念上。 谢谢！