vue-cli环境变量配置

vue-cli在开发和产品上线的时候，对于不同的地址，可以在项目中进行配置，并配置axios，两种方式可以参考

（一）mian.js中

let baseUrl=null;

if (process.env.NODE_ENV == 'development') {

       baseUrl = 'url1';//开发环境请求地址

} else if (process.env.NODE_ENV == 'production') {

         baseUrl = 'url2';//生产环境请求地址

}

axios.create({baseURL: baseUrl})

(二)webpack中的config的配置

1./config/dev.env.js中
    module.exports = merge(prodEnv, {
           NODE_ENV: '"development"',
           API_ROOT: '"url1"'//记得双引号
    })

2./config/prod.env.js

module.exports = {
    NODE_ENV: '"production"',
    API_ROOT: '"url2"'
}
 3.main.js

  let baseUrl = process.env.API_ROOT;

  axios.create({baseURL: baseUrl})