Vue环境变量

有什么用？

一个Vue项目一般会有三种环境，开发环境，测试环境和生产环境，如果我们希望不同环境下为变量赋值不同的值，就可以用到环境变量，常见的：

1. 不同环境下请求的api接口不同
2. 不同环境下生不生成sourcemap

如何使用?

可以在vue根目录下创建一下三个文件：

.env.development
.env.test
.env.production

给定不同的值

    // env.development
    VUE_APP_BASE_URL = http://localhost:80/api
    // env.production
    VUE_APP_BASE_URL = http://www.productionurl:80/api

配置的环境变量是全局可用的

    console.log(process.env.VUE_APP_BASE_URL)
     
     // env.development
     => http://localhost:80/api
    // env.production
    => http://www.productionurl:80/api