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",
}

它有效。

首先必須把我的腦袋圍繞在這個概念上。 謝謝！