时间戳

首页 > 解决方案 > 如何从 .env 文件在 vue.config.js 中设置主机

vue.js - 如何从 .env 文件在 vue.config.js 中设置主机

问题描述

我的应用程序中有以下设置：

.env

VUE_APP_API_BASE_URL=http://localhost:8000/v5/
VUE_APP_HTTPS=true
VUE_APP_HOST=local.ei.run

我在 vue.config.js 中设置环境变量，但是我正在尝试找出一种方法在其中调用它们，如下所示

// vue.config.js
var webpack = require('webpack')

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        'process.env': {
          'API_BASE_URL': JSON.stringify(process.env.VUE_APP_API_BASE_URL),
          'HOST': JSON.stringify(process.env.VUE_APP_HOST)
        }
      })
    ]
  },
  // options...
  devServer: {
    open: process.platform === 'darwin',
    host: process.env.HOST,
    https: false,
    disableHostCheck: true
  }
}

所以基本上我怎样才能根据环境动态设置我的主机？

标签： vue.js

解决方案

推荐阅读