【问题标题】：Vue.js frontend, node/express backend (api), multiple deploymentVue.js 前端，node/express 后端（api），多重部署
【发布时间】：2018-11-09 20:41:03
【问题描述】：
我有一个 Vue.js 应用程序，它具有基于 node/express 的访问 API。因此，我将 process.env.API_URL 设置为 dev 的 'localhost' 和 prod 的 'MyProductionServer.url'。但是 API_URL 变量是在构建/编译时加载的。
所以现在如果我要将 Vue 应用程序和后端应用程序提供给客户。我是否需要向他们询问他们的生产服务器 url，以便我可以编辑 API_URL 变量并重新构建？我怎样才能使其动态化，以便在 Vue 应用程序启动时，它在运行时而不是编译时加载 env 变量？
dotenv 能解决这个问题吗？
【问题讨论】：
标签：
node.js
vue.js
deployment
environment-variables
【解决方案1】：
在 dotenv 或者更确切地说是 .env 文件中，您可以输入您的 dburl、用户名和密码以访问该数据库。在您的本地计算机上，您将拥有访问本地数据库的凭据，而当您将应用程序上传到例如heroku，您不会上传 .env 文件，而是使用 Heroku 配置面板创建与 .env 文件中相同的变量，只是使用实时数据库的值。还将 .env 添加到 .gitignore
至于 api，您的前端需要知道后端的位置，所以是的，您需要更新该基本 api url。由于这是后端，因此无法知道将在哪个 Web 服务器上提供这些数据的实时 url，因此您需要在前端手动更新此 url，仅此而已。