当前位置: 首页 > news >正文

vue .env配置环境变量

   最近使用的不同的环境有点多了,接口文件ip一直在替换打包,看了下文档,有个方案使用.env配置不同的环境运行打包

   vue 现在已经兼容了env ,无需下载

   创建文件(根目录)

      创建.env.development,.env.production,.env.test 以上文件(仅仅是个人习惯,可以根据自己需要创建)

  • .env.                       全局变量,不同的环境都可以使用
  • .env.development  开发环境
  • .env.production      生产环境
  • .env.test                 本地环境
  • .env. name             name环境 (自定义环境)

   

  内容配置

NODE_ENV='test'  //环境的名称# 自定义变量:(必须VUE_APP_开头,否则无法识别变量)
VUE_APP_ServeUrl="xx"

 注意:内容书写完之后,好像无法从外部修改,

使用变量:

使用:process.env.+变量名称
process.env.VUE_APP_ServeUrl

环境运行/打包:

   package.json 内使用 --mode 环境名字   配置默认运行/打包的环境

    "serve": "vue-cli-service serve --mode test","build": "vue-cli-service build","build:dev": "vue-cli-service build --mode development",

相关文章:

  • GPT与MBR:硬盘分区表格式的革新与区别
  • <专利>机器人3D视觉快速定位抓取方法及系统
  • Spark大数据分析与实战笔记(第三章 Spark RDD 弹性分布式数据集-05)
  • 取送货问题(Pickup and Delivery Problem)
  • 【Linux】screen
  • Django多个app配置多个域名访问
  • Linux之前后端项目部署与发布
  • 数据增加
  • 无需邀请码,Xinstall实现精准分享归因
  • 【QT+QGIS跨平台编译】之五十三:【QGIS_CORE跨平台编译】—【qgssqlstatementparser.cpp生成】
  • 单细胞Seurat - 降维与细胞标记(4)
  • Java集合相关面试题(2024大厂高频面试题系列)
  • Dataframe学习笔记:记录一下工作上使用的几种示例
  • kafka学习笔记四(面试题)
  • QML中动态表格修改数据
  • 分享一款快速APP功能测试工具
  • echarts的各种常用效果展示
  • input的行数自动增减
  • iOS编译提示和导航提示
  • js作用域和this的理解
  • mysql中InnoDB引擎中页的概念
  • node入门
  • Python中eval与exec的使用及区别
  • Web Storage相关
  • windows-nginx-https-本地配置
  • 浅谈JavaScript的面向对象和它的封装、继承、多态
  • 驱动程序原理
  • 数据科学 第 3 章 11 字符串处理
  • 硬币翻转问题,区间操作
  • No resource identifier found for attribute,RxJava之zip操作符
  • 东超科技获得千万级Pre-A轮融资,投资方为中科创星 ...
  • 树莓派用上kodexplorer也能玩成私有网盘
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • $NOIp2018$劝退记
  • (保姆级教程)Mysql中索引、触发器、存储过程、存储函数的概念、作用,以及如何使用索引、存储过程,代码操作演示
  • (附源码)node.js知识分享网站 毕业设计 202038
  • (附源码)计算机毕业设计SSM教师教学质量评价系统
  • (剑指Offer)面试题41:和为s的连续正数序列
  • (强烈推荐)移动端音视频从零到上手(下)
  • (十)T检验-第一部分
  • (十八)devops持续集成开发——使用docker安装部署jenkins流水线服务
  • (算法)前K大的和
  • (一)Linux+Windows下安装ffmpeg
  • .net on S60 ---- Net60 1.1发布 支持VS2008以及新的特性
  • .NET 中什么样的类是可使用 await 异步等待的?
  • .NET框架
  • /run/containerd/containerd.sock connect: connection refused
  • ;号自动换行
  • [ vulhub漏洞复现篇 ] Apache Flink目录遍历(CVE-2020-17519)
  • [100天算法】-实现 strStr()(day 52)
  • [2021ICPC济南 L] Strange Series (Bell 数 多项式exp)
  • [Angular 基础] - 数据绑定(databinding)
  • [autojs]逍遥模拟器和vscode对接
  • [C# 开发技巧]如何使不符合要求的元素等于离它最近的一个元素