在根目录新建三个环节变量 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