前端接口环境配置

因为有本地开发环境，测试环境，生产环境,因此需要判断当前启动的项目是测试环境还是生产环境。
process.env.NODE_ENV 皆可以判断当前处于什么环境。

在packag中配置mode后，就可以在env.js中通过process.env.NODE_ENV 拿到环境变量值，去请求对应的接口。

1.创建env.js文件，

let baseURL;
switch (process.env.NODE_ENV) {
    case 'dev':
        baseURL='http://dev-mall-pre.springboot.cn/api';
        break;
    case 'test':
        baseURL='http://test-mall-pre.springboot.cn/api';
        break;
    case 'prod':
        baseURL='http://mall-pre.springboot.cn/api';
        break;
    default:
        baseURL='http://mall-pre.springboot.cn/api';
        break;
}

export default{
   baseURL
}

2.package.json配置

 "scripts": {
    "serve": "vue-cli-service serve --mode=developement ",
    "test":"vue-cli-service serve --mode=test ",
    "build": "vue-cli-service build --mode=production ",
    "lint": "vue-cli-service lint"
  },

3.在mian.js中引入

import env from './env'
axios.defaults.baseURL=env.baseURL;