cross-env vue及react使用

cross-env使您可以拥有一个命令，而无需担心为平台正确设置或使用环境变量 

npm install --save-dev cross-env

无论是在vue中还是在react中，cross-env的使用都是一样的，均在package.json中的scripts中配置脚本。

首先在项目根目录下新建两个文件，命名需严格遵守

 其次在文件中写入一下代码：

VUE_APP_NODE_ENV='development'

VUE_APP_URL=http://localhost:8080/

VUE_APP_NODE_ENV='production'

VUE_APP_URL=http://192.168.3.1:8080/

以上文件会在不同环境下加载并识别 ，最后在package.json中的配置脚本

最后运行程序，我是在接口配置文件中打印当前环境及对应地址，如图：

 console.log(process.env.VUE_APP_NODE_ENV , process.env.VUE_APP_URL)

再然后，打包文件 yarn build,有需要的话可以安装

npm install -g http-server 

可以在本地启动一个http-server服务查看打包后文件的运行情况，

进入dist目录，运行命令：

http-server 

可以看到效果一致