Vue.js:获取js文件中的环境变量

Vue.js:获取js文件中的环境变量,vue.js,Vue.js,我已经创建了.env文件来设置环境变量,如下所示: 其中我给出了下面提到的代码 VUE_APP_BASEURL="https://qa-apps-nodejs.Dtech.com:9000/" PORT=8080 我在js文件中编写了以下代码,并执行了npm install dotenv: 有了上面的代码,我需要https://qa-apps-nodejs.Dtech.com:9000/ 在控制台中。但我得到的是: 未定义 只需重新启动服务器,因为新创建的env变量只有在热重新加载后才可用。您

我已经创建了.env文件来设置环境变量,如下所示:

其中我给出了下面提到的代码

VUE_APP_BASEURL="https://qa-apps-nodejs.Dtech.com:9000/"
PORT=8080
我在js文件中编写了以下代码,并执行了npm install dotenv:

有了上面的代码,我需要https://qa-apps-nodejs.Dtech.com:9000/ 在控制台中。但我得到的是:

未定义


只需重新启动服务器,因为新创建的env变量只有在热重新加载后才可用。您必须重新构建应用程序并重新启动服务器。作为参考,您可以查看

无需安装dotenv,只需将.env文件放在与package.json文件相同级别的项目根目录中,Vue CLI将处理重置。旁注;自Vue CLI 3起,将仅加载以Vue_APP_开头的变量。还要确保重新运行npm run serve以重新启动服务器


有关详细信息:

是否使用vue cli?是。Vue CLI v4.1.2您可以尝试解决方案。可能您可以尝试重新启动服务器。它现在工作正常。我只是重新启动服务器。谢谢
require('dotenv').config();
console.log(process.env.VUE_APP_BASEURL);