1. 首页
  2. 技术
  3. 前端
  4. vuejs

vuejs cli3 env配置文件实践指南

env文件

配置四个环境名字分别

2019-06-05-16-03-15
“`.env.dev 内容
VUE_APP_ENV=dev

<pre><code class="">> 只支持:VUE_APP_ 开头,比如设置其它变量 VUE_APP_NAME=stark

#### package.json 配置 方式
</code></pre>

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

<pre><code class="">##### 启动方式
</code></pre>

npm start // 默认dev
npm run test // test 环境

以此类推

<pre><code class=""><br />#### 项目中读取方式
</code></pre>

通过 process.env 获取设置的变量
比如:console.log('当前的环境是',process.env.VUE_APP_ENV)
“`
2019-06-05-16-12-27

应用场景

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

原创文章,作者:stark,如若转载,请注明出处:https://shudong.wang/10352.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询:点击这里给我发消息

邮件:starkwang312@gmail.com

工作时间:周一至周五,9:30-18:30,节假日休息