【vuejs cli3最佳实践系列】vuejs cli3 env配置文件实践指南

栏目: 编程语言 · 发布时间: 6年前

内容简介:项目地址文章首发:只支持:VUE_APP_ 开头,比如设置其它变量 VUE_APP_NAME=stark

项目背景

项目地址 https://github.com/wsdo/vuejs...

文章首发: https://shudong.wang/10352.html

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"
  },

项目中使用方式

【vuejs cli3最佳实践系列】vuejs cli3 env配置文件实践指南

启动方式

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

项目中读取方式

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

【vuejs cli3最佳实践系列】vuejs cli3 env配置文件实践指南

应用场景

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

移动风暴

移动风暴

[美]弗雷德·沃格尔斯坦 / 朱邦芊 / 中信出版社 / 2014-1-1 / 39

也许,除了伟大的乔布斯,每一位奋力改变世界的硅谷英雄,都值得我们肃然起敬。苹果与谷歌十年博弈,关于这场移动平台战争的报道早已铺天盖地,而这是第一次,我们能听到幕后工程师的真实声音。两大科技巨人用智能手机和平板电脑颠覆了电脑产业。它们位处变革的中心,凭借各自的经营哲学、魅力领袖和商业敏感度,把竞争变成了残酷对决。商业记者沃格尔斯坦报道这场对抗已逾十载,在《移动风暴》中,他带领我们来到一间间办公室和会......一起来看看 《移动风暴》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

SHA 加密
SHA 加密

SHA 加密工具

html转js在线工具
html转js在线工具

html转js在线工具