react區分不同生產環境

2021-10-01 03:24:49 字數 602 閱讀 9201

if (process.env.node_env === 'production') /show`

} else if (process.env.node_env === 'stage') /show`

} else /show`

}

傳統的方法就是通過process.env.node_env這個引數來區分當前的生產環境,但是我在實際使用的時候卻發現,不管是線上還是st還是dev環境,都是給我返回的線上那條url。

後來改用網域名稱來判斷當前生產環境,這個要比process.env.node_env這個引數好用。

let url = window.location.host;

if(url === '***.dev.***.com' || url === 'localhost:3030' )/show`

}else if(url === `***.test.***.com`)/show`

}else if(url === '***.st.***.com')/show`

}else if(url === '***.***.com')/show`

}

react區分不同生產環境

if process.env.node env production show else if process.env.node env stage show else show 傳統的方法就是通過process.env.node env這個引數來區分當前的生產環境,但是我在實際使用的時候卻發現,不...

埠 區分不同服務

埠 是英文port的意譯,可以認為是裝置與外界通訊交流的出口。埠詳解 埠是指介面電路中的一些暫存器,這些暫存器分別用來存放資料資訊 控制資訊和狀態資訊,相應的埠分別稱為資料埠 控制埠和狀態埠。電腦執行的系統程式,其實就像乙個閉合的圓圈,但是電腦是為人服務的,他需要接受一些指令,並且要按照指令調整系統...

Vue與React的異同 生命週期(一)

react與vue都有lifecycle生命週期的概念,表示每個元件例項在被建立之前都要經過一系列的初始化過程。比如設定資料監聽 編譯模板 掛載例項到檢視 在資料變化時更新檢視等。所有的生命週期鉤子自動繫結 this 上下文到例項中,因此你可以訪問資料,對屬性和方法進行運算。這意味著 你不能使用箭頭...