vue3 配置.env 全局变量

2022-06-09 15:12:34 浏览数 (1)

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

0 人点赞