Vue JS项目未加载.env变量

时间:2020-06-27 23:05:30

标签: vue.js npm

我正在研究Vue JS项目。我在项目的根目录中创建了一个.env文件。我做了3个变量。这是我的.env的内容:

API_BASE_URL=http://x.x.x.x:yyyy/myproject
VUE_APP_TITLE=My App
VUE_MY_VAR=My Var

我将日志放入beforeMount()方法中启动时加载的组件中,如下所示:

beforeMount() {
            console.log('base url: ' + process.env.API_BASE_URL);
            console.log('base url: ' + process.env.VUE_APP_TITLE);
            console.log('base url: ' + process.env.VUE_MY_VAR);
        }

当我使用vue-cli-service serve运行开发服务器时,会看到以下控制台输出:

base url: undefined
base url: My App
base url: undefined

我的问题是:为什么A PI_BASE_URLVUE_MY_VAR的值未定义

1 个答案:

答案 0 :(得分:6)

来自文档:

请注意,只有NODE_ENV,BASE_URL和以VUE_APP_开头的变量将通过webpack.DefinePlugin静态嵌入到客户端捆绑包中。这是为了避免在机器上意外公开可能具有相同名称的私钥。

因此,您需要在变量中添加def runGridSearch(estimator,params_dict,train_data): cv = [(slice(None), slice(None))] gs = GridSearchCV(estimator=estimator, param_grid=params_dict, scoring=cv_silhouette_scorer, cv=cv, n_jobs=-1) gs.fit(train_data) try: predicted_labels= gs.best_estimator_.labels_ except: predicted_labels=gs.predict(train_data) return predicted_labels 前缀。