聚宽量化交易接口:vue 项目打包根据不同命令配置不同环境请求不同接口地址

实现原理

关键点：process.argv可以获取packagjson中当前运行的命令

关键点

在webpacproconjs中新增配置

process.argv获取当前运行的node命令，再根据不同命令，获取不同环境下的相应配置；

给测试环境打包时，采用A接口地址；给生产环境打包时，采用B接口地址；

就可以根据命令的不同，获取不同的打包环境

let command = process.argv[2];   // process.argv =====> 获取package.json中scripts中传入的运行命令node build/build.js test
console.log('当前打包环境：',command);
let env = require(`../config/${command}.env`);

实现步骤

vue 项目打包根据不同命令配置不同环境请求不同接口地址

修改packagjson，新增测试环境的打包命令

 'scripts': {
    'dev': 'webpack-dev-server --inline --progress --config build/webpack.dev.conf.js',
    'start': 'npm run dev',
    'build': 'node build/build.js prod',       // 修改原来的打包命令，新增 prod 字段
    'build:test': 'node build/build.js test'    // 新增的测试环境打包命令 test 
  },

module.exports = {
  NODE_ENV: ''test'',
  BASE_API:''http://x.x.x.x''             // 测试
}

文章为作者独立观点，不代表股票交易接口观点