首页 > 其他 > 详细

.env 文件详解

时间:2021-03-06 23:42:57      阅读:23      评论:0      收藏:0      [点我收藏+]

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

启动方式

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

项目中读取方式

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

技术分享图片

应用场景

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

.env 文件详解

原文:https://www.cnblogs.com/HelloLc/p/14491152.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!