摘要:我們開發(fā)項目的時候,用版本新建的項目,只有兩種開發(fā)環(huán)境有時需要個環(huán)境來給測試使用,所以找了很多方法,總結(jié)了個最簡單的方法來給大家使用在下面添加一個運行命令在中修改代碼讀取系統(tǒng)運行時候的變量控制臺日志輸出判斷環(huán)境變量,是,還是此處替換為測
? ?我們開發(fā)項目的時候,用vue-cli 2.x版本新建的項目,只有dev, pro兩種開發(fā)環(huán)境, 有時需要個test環(huán)境來給測試使用,所以找了很多方法,總結(jié)了個最簡單的方法來給大家使用
package.json
在build下面添加一個test運行命令
"test": "node build/build.js"
prod.env.js
? ? 在config -> prod.env.js 中修改代碼
"use strict" // 讀取系統(tǒng)運行時候的變量 const target = process.env.npm_lifecycle_event; // 控制臺日志輸出 console.log("env is deploying, current env is", target) // 判斷環(huán)境變量,是test,還是build if (target == "test") { var obj = { NODE_ENV: ""production"", API_ROOT: ""此處替換為測試環(huán)境地址"", } } else { var obj = { NODE_ENV: ""production"", API_ROOT: ""此處替換為測試環(huán)境地址"", } } module.exports = obj;
3.測試環(huán)境:
$ npm run test
正式環(huán)境: ``` $ npm run build ```
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/52775.html
摘要:一般情況下項目有三個默認(rèn)模式模式用于模式用于和模式用于模式不等同于,一個模式可以包含多個環(huán)境變量。你可以通過為文件增加后綴來設(shè)置某個模式下特有的環(huán)境變量。 第一步 : 了解環(huán)境變量概念 我們可以根目錄中的下列文件來指定環(huán)境變量: .env # 在所有的環(huán)境中被載入 .env.local # 在所有的環(huán)境中被載入,但會被 git 忽略 .e...
摘要:我們開發(fā)項目的時候,用版本新建的項目,只有兩種開發(fā)環(huán)境有時需要個環(huán)境來給測試使用,所以找了很多方法,總結(jié)了個最簡單的方法來給大家使用在下面添加一個運行命令在中修改代碼讀取系統(tǒng)運行時候的變量控制臺日志輸出判斷環(huán)境變量,是,還是此處替換為測 ? ?我們開發(fā)項目的時候,用vue-cli 2.x版本新建的項目,只有dev, pro兩種開發(fā)環(huán)境, 有時需要個test環(huán)境來給測試使用,所以找了很多...
摘要:我們開發(fā)項目的時候,用版本新建的項目,只有兩種開發(fā)環(huán)境有時需要個環(huán)境來給測試使用,所以找了很多方法,總結(jié)了個最簡單的方法來給大家使用在下面添加一個運行命令在中修改代碼讀取系統(tǒng)運行時候的變量控制臺日志輸出判斷環(huán)境變量,是,還是此處替換為測 ? ?我們開發(fā)項目的時候,用vue-cli 2.x版本新建的項目,只有dev, pro兩種開發(fā)環(huán)境, 有時需要個test環(huán)境來給測試使用,所以找了很多...
在新建好的項目中,一般執(zhí)行npm run build就是打包了,但此時只能打包到一個環(huán)境,不同環(huán)境需要配置不同的地址,可以手動更改接口的地址,也可以自行配置命令而不需要每次打包進行地址切換,步驟如下: 文件結(jié)構(gòu)如下圖: showImg(https://segmentfault.com/img/bVbtsAE?w=255&h=536); 1)在config文件內(nèi)新建test.env.js文件: u...
閱讀 2203·2021-11-24 10:34
閱讀 3168·2021-11-22 11:58
閱讀 3776·2021-09-28 09:35
閱讀 1791·2019-08-30 15:53
閱讀 2906·2019-08-30 14:11
閱讀 1622·2019-08-29 17:31
閱讀 617·2019-08-26 13:53
閱讀 2209·2019-08-26 13:45