在vue js中将系统变量注入module.exports

Question

我试图将我在容器中初始化的系统变量注入我的vue js api。 在我的api.js中，我以这种方式使用变量：

const BASE_URL = process.env.CORE_URL

我通过wabpack加载我的配置：

  plugins: [
    new webpack.DefinePlugin({
     'process.env': config.dev.env
  }),

然后我使用module.export

在js dev.env.js中管理我的变量

var merge = require('webpack-merge')
var prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
   API_URL: '"@@API_URL@@"',
})

我无法将我在容器中设置的API_URL注入dev.env.js

Answer 1

我找到了办法。我必须创建shell脚本，在构建期间从dev.env.template.js创建dev.env.js并用@@上的变量替换dev.env.js上的值。在构建期间将dev.env.js添加到容器上的dist文件夹中。