Node.js Vue.js前端、node/express后端(api)、多部署

Node.js Vue.js前端、node/express后端(api)、多部署,node.js,vue.js,deployment,environment-variables,Node.js,Vue.js,Deployment,Environment Variables,我有一个Vue.js应用程序,它在node/express上构建了access API。因此,我为dev设置了一个process.env.API\u URL到'localhost',为prod设置了'MyProductionServer.URL'。但是API\u URL变量是在构建/编译时加载的 现在,如果我要将Vue应用程序和后端应用程序提供给客户。我是否需要询问他们的生产服务器url,以便编辑API_url变量并重新构建?如何动态地使其在Vue应用程序启动时在运行时而不是编译时加载一个env

我有一个Vue.js应用程序,它在node/express上构建了access API。因此,我为dev设置了一个process.env.API\u URL到'localhost',为prod设置了'MyProductionServer.URL'。但是API\u URL变量是在构建/编译时加载的

现在,如果我要将Vue应用程序和后端应用程序提供给客户。我是否需要询问他们的生产服务器url,以便编辑API_url变量并重新构建?如何动态地使其在Vue应用程序启动时在运行时而不是编译时加载一个env变量


dotenv解决了这个问题吗?

在dotenv或.env文件中,您输入了访问该数据库的dburl、用户名和密码。在您的本地comp上,您将拥有访问本地db的凭据,而当您将应用程序上载到例如heroku时,您将不会上载.env文件,而是使用heroku配置面板创建与.env文件中相同的变量,仅使用live db的值。还要将.env添加到.gitignore

至于api,您的前端需要知道后端的位置,所以您需要更新基础api url。由于这是后端无法知道这些数据将在哪个web服务器上提供的实时url,因此您需要在前端手动更新此url一次,仅此而已