.env 文件详解

env文件

配置四个环境名字分别

VUE_APP_ENV=dev // 只支持:VUE_APP_ 开头,比如设置其它变量 VUE_APP_NAME=stark

package.json 配置 方式

"scripts": { "start": "npm run dev", "serve": "vue-cli-service serve", "build": "vue-cli-service build", "dev": "vue-cli-service serve --mode dev", "test": "vue-cli-service build --mode test", "pre": "vue-cli-service build --mode pre", "prod": "vue-cli-service build --mode prod", "lint": "vue-cli-service lint" },

启动方式

npm start // 默认dev npm run test // test 环境 ... 以此类推

项目中读取方式

通过 process.env 获取设置的变量 比如:console.log('当前的环境是',process.env.VUE_APP_ENV)

应用场景

  • 可以在项目中设置,配置的,api host base url ,api 基础接口
  • 需要根据环境变量设置的参数

__EOF__

本文作者时光
本文链接https://www.cnblogs.com/SHGG/p/14491152.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   时光SHG  阅读(1772)  评论(0编辑  收藏  举报
编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析
点击右上角即可分享
微信分享提示