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