多环境变量配置

多环境变量配置
首先我们需要在package.json里操作
默认只有serve和build 我们需要再添加一个test测试环境

"scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build ",
    "test":"vue-cli-service build --mode testing"
  },

• 通过 npm run serve 启动本地 , 执行 development
• 通过 npm run test打包测试 , 执行 testing
• 通过 npm run build 打包正式 , 执行 production

然后在根目录下新建.env.xxx

.env.development

NODE_ENV='development'

.env.production

NODE_ENV='production'

.env.testing

NODE_ENV=''testing"

随后在src下 新建config/index.js

const config = require('./env.'+process.env.NODE_ENV)
module.exports=config  //导出

配置对应环境的变量，拿本地环境文件 env.development.js 举例，用户可以根据需求修改

env.development.js

 module.exports ={
    baseUrl:'xxxxxx',
    baseApi:'xxxxxx',
    APPID: 'xxx',
    APPSECRET: 'xxx'
}

env.production.js和env.testing.js和这个类似
在main.js

 import { baseUrl } from './config/index.js'  // 导入