env文件

配置四个环境名字分别

2019-06-05-16-03-15

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" }, 
启动方式
npm start // 默认dev 
npm run test // test 环境 
... 
以此类推 

项目中读取方式

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

2019-06-05-16-12-27

应用场景

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


发布评论
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

Vue实战041:获取当前客户端IP地址详解(内网和外网)知识解答
你是第一个吃螃蟹的人
  1. third_qq_4accc0ab0fa5b582
    third_qq_4accc0ab0fa5b582
    (2018-06-15 17:54:52) 1#

    嗯,很详细

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。