首頁 > web前端 > uni-app > uniapp如何判斷運作環境

uniapp如何判斷運作環境

coldplay.xixi
發布: 2023-01-13 00:44:09
原創
8952 人瀏覽過

uniapp判斷運作環境的方法:可透過【process.env.NODE_ENV】判斷目前環境是開發環境還是生產環境,程式碼為【if(process.env.NODE_ENV === 'development'){ console.log】。

uniapp如何判斷運作環境

本教學操作環境:windows7系統、uni-app2.5.1版本、thinkpad t480電腦。

推薦(免費):uni-app開發教學

uniapp判斷執行環境的方法:

uni-app 可透過process.env.NODE_ENV 判斷目前環境是開發環境還是生產環境。一般用於連接測試伺服器或生產伺服器的動態切換。

  • 在HBuilderX 中,點選「執行」編譯出來的程式碼是開發環境,點選「發行」編譯出來的程式碼是生產環境

  • cli模式下,是通行的編譯環境處理方式。

if(process.env.NODE_ENV === 'development'){
    console.log('开发环境')
}else{
    console.log('生产环境')
}
登入後複製

如果你需要自訂更多環境,例如測試環境:

  • 假設只需要對單一平台配置,可以package.json中配置,在HBuilderX的運行和發行選單裡會多一個出來。

  • 如果是針對所有平台配置,可以在 vue-config.js 中設定。

快捷程式碼區塊

HBuilderX 中敲入程式碼區塊 uEnvDev、uEnvProd 可以快速產生對應 development、production 的運行環境判定程式碼。

// uEnvDev
if (process.env.NODE_ENV === 'development') {
    // TODO
}
// uEnvProd
if (process.env.NODE_ENV === 'production') {
    // TODO
}
登入後複製

相關免費學習推薦:程式設計影片

#

以上是uniapp如何判斷運作環境的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板