cross-env跨平台设置环境变量

打包vue项目，经常遇到一个问题，就是开发环境，测试环境，正式环境三种环境的域名是不一样的，打包时只能手动修改，还担心漏改了哪个位置。真心累~有环境变量就不用怕啦，只要设置好，能轻松输出对应的环境要用的包。

1、安装cross-env：npm i --save-dev cross-env

2、修改config/dev.evn.js：

3、修改config/prod.env.js：

4、修改package.json打包命令：

到此设置完成！！！ 通过判断process.env.APP_ENV的取值就可以啦。例如下面的例子，如果运行npm run dev，hostname取值为开发域名；如果运行npm run test:build，hostname取值为测试域名。