专栏首页晨曦破晓の家VUE项目使用.env文件配置全局环境变量

VUE项目使用.env文件配置全局环境变量

文件名

关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件

.env 全局默认配置文件,不论什么环境都会加载合并

.env.development 开发环境下的配置文件

.env.production 生产环境下的配置文件

内容

注意:属性名必须以VUE_APP_开头,比如VUE_APP_URL VUE_APP_XXX

文件的加载

根据启动命令vue会自动加载对应的环境,vue是根据文件名进行加载的,所以上面说“不要乱起名,也无需专门控制加载哪个文件”

比如执行npm run serve命令,会自动加载.env.development文件

注意:.env文件无论是开发还是生成都会加载的公用文件

配置package.json文件可以具体设置启动具体加载哪个.env.XXX文件

"scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "dev:prod": "vue-cli-service serve --mode production",
    "dev:test": "vue-cli-service serve --mode test",
    "dev:kunpeng": "vue-cli-service serve --mode kunpeng",
    "build:prod": "vue-cli-service build --mode production",
    "build:test": "vue-cli-service build --mode test",
    "build:kunpeng": "vue-cli-service build --mode kunpeng",
    "build:dev": "vue-cli-service build --mode development",
    "build:stage": "vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src",
    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
    "new": "plop"
  },

"dev:kunpeng": "vue-cli-service serve --mode kunpeng",

"dev:kunpeng": "vue-cli-service serve --mode kunpeng" 启动的时候就会加载.env.kunpeng文件。

.env文件都要加载如果两个文件有相同一个项,后加载文件会覆盖第一个文件。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Redis的各种数据类型实践---HASH结构

    Redis 的字典使用哈希表作为底层实现,一个哈希表里可以有多个哈希表节点。每个哈希表节点就保存了字典中的一个键值对。

    用户4464623
  • redis原理及实现

    redis是nosql(也是个巨大的map) 单线程,但是可处理1秒10w的并发(数据都在内存中)

    用户4464623
  • 消息队列

    一般来说,消息队列是一种异步的服务间通信方式,是分布式系统中重要的组件,主要解决应用耦合,异步消息,流量削锋等问题,实现高性能,高可用,可伸缩和最终一致性架构。

    用户4464623
  • WINDOWS安装 rabbitMQ

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    逝兮诚
  • 【HDU 1757】 A Simple Math Problem

    Lele now is thinking about a simple function f(x).  If x < 10 f(x) = x.  If x >...

    饶文津
  • Vue cli安装命令(笔记)

    泥豆芽儿 MT
  • Github 项目推荐 | 真实全景图像强化学习 AI 平台 —— Matterport3DSimulator

    Matterport3DSimulator 可以使用视觉信息(RGB-D 图像)开发与真实 3D 环境交互的 AI Agent,它主要应用于深度强化学习的研究以...

    AI研习社
  • Java 中 Hashtable 、HashMap 、TreeMap 有什么不同?

    Hashtable 是扩展了 Dictonary 类,类结构上与 HashMap 之类不同,HashMap 继承的是 abstractMap

    王小明_HIT
  • leetcode 1029

    公司计划面试 2N 人。第 i 人飞往 A 市的费用为 costs[i][0],飞往 B 市的费用为 costs[i][1]。

    ACM算法日常
  • 【Web技术】780- AST 实现函数错误自动上报

    之前有身边有人问我在错误监控中,如何能实现自动为函数自动添加错误捕获。今天我们来聊一聊技术如何实现。先讲原理:在代码编译时,利用 babel 的 loader,...

    pingan8787

扫码关注云+社区

领取腾讯云代金券