本文介绍了在Vue.js项目中如何处理多环境变量的问题，以确保开发、测试和生产环境之间的平滑切换。通过配置scripts脚本，创建对应环境的.env文件，设置NODE_ENV和自定义VUE_APP_ENV变量，以及在src/config文件夹下创建不同环境的配置文件，实现接口URL等配置的环境适配。最后，在main.js中导入并使用这些配置。
1.了解
我们在开发的时候 通常需要去操作三个服务器去确保我们开发的质量，开发环境为一个服务器。测试一个服务器，上线时又需要一个服务器。 多环境变量问题就是为了解决这个问题的。
2.配置
多环境变量的配置：首先在packages.jon==》scriprs(启动)==》三种启动(开发(serve)+测试(test)+生产/打包(bulid))
每种启动方式，带一个定义的模式共三种
1.开发（development）2.生产(production) 3.测试(testing/推荐:staging)
`
3.创建三个文件夹，用来存储环境变量(不可以乱起名字！！！)
1. .env.developement 2. .env.production 3. .env.staging
多环境变量有三种，1.NODE_ENV 2.VUE_APP_ENV(后面的自定义) 3.BASE_URL
例如：NODE_ENV='development'
VUE_APP_ENV='de
最低0.47元/天 解锁文章
扫一扫
7904
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
