当前位置: 首页 > 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",

http://www.lryc.cn/news/310194.html

相关文章:

  • ThreadLocal介绍
  • 【Linux系统化学习】线程概念
  • Redis集群模式
  • 执行go get xxx报错
  • MATLAB基础语法与实践
  • 智能边缘小站 CloudPond(低延迟、高带宽和更好的数据隐私保护)
  • 回归预测 | Matlab实现RIME-BP霜冰算法优化BP神经网络多变量回归预测
  • LeetCode15:三数之和
  • 【详识JAVA语言】面向对象程序三大特性之三:多态
  • nginx(三)实现反向代理客户端 IP透传
  • 深入Java日志框架及其最佳实践
  • threejs显示本地硬盘上的ply文件,通过webapi
  • 代码随想录day10(2)字符串:反转字符串Ⅱ (leetcode541)
  • 【MySQL】_联合查询基础表
  • InnoDB存储引擎对MVCC的实现
  • 【精选】Java项目介绍和界面搭建——拼图小游戏 中
  • C++ //练习 10.16 使用lambda编写你自己版本的biggies。
  • 【misc | CTF】BUUCTF 二维码
  • OSCP靶场--Resourced
  • Vue路由(黑马程序员)
  • 【Java程序员面试专栏 算法思维】一 高频面试算法题:排序算法
  • sql注入之sqli-labs-less-1 错误注入
  • React withRouter的使用及源码实现
  • c++之旅——第四弹
  • Mysql整理-主从复制
  • 100个百万阅读公众号爆文案例
  • UnityAPI的学习——Transform类
  • (全部习题答案)研究生英语读写教程基础级教师用书PDF|| 研究生英语读写教程提高级教师用书PDF
  • GO基本类型
  • 怎么快速编辑视频