webpack 配置不同环境, 以及配置 baseUrl

使用 cross-env 配置 dev 开发 / test 测试 / prod 生产 环境
安装 cross-env

npm install cross-env --save-dev
&
yarn add cross-env --save-dev

配置 package.json 文件

{
  ...

  "scripts": {
    "dev": "cross-env NODE_ENV=development vue-cli-service serve --open",
    "test": "cross-env NODE_ENV=test vue-cli-service serve --open",
    "build:dev": "cross-env NODE_ENV=production VUE_APP_URL=dev vue-cli-service build",
    "build:test": "cross-env NODE_ENV=production VUE_APP_URL=test vue-cli-service build",
    "build:prod": "cross-env NODE_ENV=production VUE_APP_URL=prod vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

  ...
}

修改自己创建的 config.js 文件, 实现不同环境下配置不同 api

/**
 * @param { DEV_URL } 开发环境  URL
 * @param { TEST_URL } 测试环境 URL
 * @param { PROD_URL } 生产环境 URL
*/
const DEV_URL = '//development/api/'
const TEST_URL = '//test/api/'
const PROD_URL = '//production/api/'

let VUE_APP_BASE = DEV_URL
if(process.env.NODE_ENV == 'development') {
  VUE_APP_BASE = DEV_URL
} else if(process.env.NODE_ENV == 'production') {
  if(process.env.VUE_APP_URL == 'test') {
    VUE_APP_BASE = TEST_URL
  } else if(process.env.VUE_APP_URL == 'prod') {
    VUE_APP_BASE = PROD_URL
  } else {
    VUE_APP_BASE = DEV_URL
  }
} else if(process.env.NODE_ENV == 'test') {
  VUE_APP_BASE = TEST_URL
}

const config = {
  VUE_APP_BASE
}
export {
  config
}