前端vue无需重新打包配置相关配置信息(测试生产分开)

1.在根目录的public下创建三个文件

 

index.js

let config = {
  env: 'development', //development 测试     production 线上
  VERSION: 'v0.1.1',
  APP_KEY: 'key'
};

if (config.env === 'development') {
  /*eslint no-undef:0*/
  Object.assign(config, CONFIG_DEV);
} else {
  Object.assign(config, CONFIG_PROD);
}
console.log(config);
window.config = config;

dev.js和prod.js

const CONFIG_DEV = {
  URL: 'http://xx.xx.x.x:xx/', // 后台接口地址
  userToken: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
};

const CONFIG_PROD = {
  SFM_SERVER: 'https://xx.xx.x.xx:xx/', // 后台接口host
  userToken: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
};

 

2.在public的index.html中引入三个文件，注意路径

 

 

 

 3.代码中其他地方就可以使用了

let baseUrl = window.config.URL