vue中利用.env文件存储全局环境变量，以及配置vue启动和打包命令总结

迁就却不将就

已于 2023-01-05 15:04:43 修改

阅读量695

点赞数

文章标签： vue.js 前端 javascript

于 2023-01-05 15:02:28 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45195355/article/details/128563511

版权

博客介绍了Vue项目中.env后缀文件的配置。.env是全局默认配置文件，所有环境都会加载合并。.env.fqdglpt文件在执行特定命令时会覆盖.env的环境变量，可通过配置不同命令加载不同变量，还提及了获取.env全局变量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    "build": "node preBuild.js && vue-cli-service build",
    "build:fqdhxpt": "node preBuild.js && vue-cli-service build",
    "build:fqdglpt": "node preBuild.js && vue-cli-service build --mode fqdglpt",
    "build:fqdglplatform": "node preBuild.js && vue-cli-service build --mode fqdglpt",
    "build:fqdczpt": "node preBuild.js && vue-cli-service build --mode fqdczpt",

.env 后缀的文件是全局默认配置文件，不论什么环境都会加载并合并。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/f1c61e9b2bce4542b36181e277b0e4ec.png

.env.fqdglpt 文件在执行npm run build:fqdglpt命令时会覆盖.env文件的环境变量
在这里插入图片描述

通过配置不同命令不同环境加载不同的变量。

获取.env中的全局变量：

console.log(process.env.VUE_APP_SYS_NAME)
console.log(process.env.VUE_APP_CONCEAL)