vue环境变量配置

问题引入:

在不同环境引入不同变量实现不同的逻辑处理,例如开发环境访问某个固定地址静态资源,生产环境访问当前部署地址动态地址

环境变量配置:

根目录新增文件:

开发环境: .env.development

NODE_ENV = "development"
VUE_APP_SYSTEM_PREFIX = "/xxx"
VUE_APP_URL = "/xxx"

生产环境: .env.production

NODE_ENV = "production"
VUE_APP_SYSTEM_PREFIX = "/xxx"
VUE_APP_ZDR_PREFIX = "/xxx"

获取当前环境变量:

process.env

通过不同的环境,获取不同的url做不同的逻辑处理等操作

 

posted @ 2024-12-02 15:19  盼星星盼太阳  阅读(197)  评论(0)    收藏  举报