vue3 配置.env 全局变量

在根目录新建三个环节变量 1、开发环境 2、生成环境 3、测试环境

.env.dev（开发环境）

.env.pro（生产环境）

.env.test（测试环境）

不同开发环境配置了不同端口和地址属性

在配置运行vue、生成vue包使用对应的开发环境 修改package.json文件

对应的命令后面 添加 --mode dev用来区分使用哪个环境变量

npm run dev 就是用的开发环境

npm run bulid 用的是生成环境

npm run test 用的是测试环境

还可以在别的js文件中使用环境变量，process.env.baseUrl

这里的环境变量会根据当前npm run dev命令运行的环境有关，如果没有process.env.baseUrl 变量会找其他文件中的process.env.baseUrl

参考文章： https://www.cnblogs.com/gankehuang/p/11338647.html https://blog.csdn.net/weixin_43236062/article/details/105972881

https://www.jianshu.com/p/310aa35f6c4a