Webpack动态网址api

时间:2017-07-25 09:27:10

标签: webpack

我在使用webpack和我的api url时遇到了一些麻烦。 我有一个使用Jenkins的构建,他在两台服务器上部署我的应用程序

我有两个后端网址(与前端网址相同):

  • 收据:12.122.125.208
  • 产品:12.122.125.209

我的webpack配置:

build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    productionSourceMap: true,
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],
    bundleAnalyzerReport: process.env.npm_config_report
  },

我的prod.env文件:

module.exports = {
  NODE_ENV: '"production"',
  URL_API: '"http://12.122.125.208/api/"',
};

可以根据当前网址获得动态网址:

const = BASE_URL;
URL_API: BASE_URL + '/api/"',

有了这个,我可以为我的两台服务器部署一次

我该怎么做?

感谢。

1 个答案:

答案 0 :(得分:1)

您可以配置多个Jenkins“Parameterized Builds”,并具有不同的配置文件:

  • 部署到“Recette”:BASE_URL=12.122.125.208
  • 部署到“Prod”:BASE_URL=12.122.125.209

然后使用BASE_URL从您的webpack配置中访问此process.env.BASE_URL