1.配置文件:

  .env.development:开发环境下的配置文件.env.production:生产环境下的配置文件

2.命名

  属性必须以VUE_APP_开头。案列:

.env.development :

NODE_ENV = 'development'
VUE_APP_LOGIN_URL = 'http://192.168.x.x1'

.env.production:

NODE_ENV = 'production'
VUE_APP_LOGIN_URL = 'http://192.168.x.x2'

3、使用

在需要用到的地方写(替代原本写网址的地方):

process.env.VUE_APP_LOGIN_URL

4、发版运行

在package.json文件中改写:

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


相关命令:
npm run dev 或 yarn dev:运行项目
npm run build:test 或 yarn build:test打包项目测试环境
npm run build 或 yarn build 打包项目生产环境

dev , build:test ,build 可以根据需要自行修改

.env.development(开发环境)、.env.prodction(正式环境)、自定义环境的使用相关推荐

  1. env.development 和 .env.production环境文件 process.env属性

    模式 模式是 Vue CLI 项目中一个重要的概念.默认情况下,一个 Vue CLI 项目有三个模式: 开发,测试,生产 development 模式用于 vue-cli-service serve ...

  2. Vue项目 .env .env.development .env.production 配置说明

    1.模式 模式是 Vue CLI 项目中一个重要的概念.默认情况下,一个 Vue CLI 项目有三个模式: development 模式用于 vue-cli-service serve product ...

  3. Vue2 中 .env.development .env.production 详细说明

    简介 Vue CLI 项目中一个重要的概念.默认情况下,一个 Vue CLI 项目有三个模式: development  模式用于 vue-cli-service serve production  ...

  4. vue中有关.env;.env.development,.env.production的相关介绍

    1,关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env. ...

  5. .env .env.development .env.production 配置说明

    .env .env.development .env.production 配置说明 安装 vue-cli npm install -g @vue/cli 创建项目 vue create envtes ...

  6. vue中 .env .env.development

    1.配置文件有: .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件,对应npm run serve .env.production 生产环境 ...

  7. vue中 .env .env.development .env.production 详细说明

    1.配置文件有: .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下的配置文件 2.命名规则: 属 ...

  8. vue中的.env | .env.development | .env.production的使用

    .env--全局默认配置文件,无论什么环境都会加载合并 .env.development--开发环境下的配置文件 .env.production--生产环境下的配置文件 注意:属性名必须以VUE_AP ...

  9. Vue中.env|.env.development|.env.production文件说明

    0.介绍 模式是Vue CLI项目中一个重要的概念,默认情况下,一个Vue CLI项目有三种模式: developemt 模式用于vue-cli-service serve test 模式用于vue- ...

  10. RL gym 环境(2)—— 自定义环境

    本文介绍如何在 gym 套件中使用自己创建的环境,改编自官方文档 Make your own custom environment 关于 gym 套件的基础介绍参考:RL gym 环境(1)-- 安装 ...

最新文章

  1. hdu4278 小想法
  2. [ARM-assembly]-A64的load/store指令总结
  3. 多线程之 CreateThread与_beginthreadex本质区别
  4. 深入理解javascript系列(十七):函数柯里化
  5. Dynamics CRM 2013 初体验(1):系统的安装
  6. 计算机中丢失ZJCAKeyAdmin,ZJCA数字证书客户端
  7. 初创团队可能不适合应届生小孩
  8. 查找练习 hash——出现过的数字
  9. .htaccess详解
  10. mogonvue账户密码存储的位置
  11. 九 web爬虫讲解2—urllib库爬虫—实战爬取搜狗微信公众号—抓包软件安装Fiddler4讲解...
  12. 安卓ListView中CheckBox的使用(支持Item列表项的删除,全选,全不选)
  13. java jui 正则表达式_正则表达式-Gorilla City-51CTO博客
  14. module 'bit' not found:No LuaRocks module found for bit
  15. 分布式ID生成器解决方案
  16. 民族学类毕业论文文献有哪些?
  17. 知乎热议:科学网发布文章称「我国数学家证明 NP=P」,会带来怎样的影响?
  18. GAN·生成对抗网络——札记2-读《生成式对抗网络 GAN 的研究进展与展望》
  19. Docker 镜像仓库 Harbor 部署 及 跨数据复制
  20. vos3000外呼系统讯时O口网关加密注册 VOS 配置方法

热门文章

  1. STM32—0.96寸OLED液晶显示
  2. 【洛谷题解】P1803 凌乱的yyy/线段覆盖
  3. 谁在选择猎头公司 (ZT)
  4. 怎么画单极交流放大电路波形图_从吹风机电路中学习二极管的实际应用
  5. Vue面试题重难点总结
  6. 精致女孩必备的5个手机APP,女神就是这样诞生的
  7. JAVA零基础小白入门上手教程之day22-JDK新特性
  8. 《App研发录》面世
  9. Spring Cloud Alibaba--分布式事务框架Seata
  10. C语言——格式控制字符%m.nf和%-m.nf练习.c++002