小程序uni-app開發環境dev和線上prod環境的區分

        頻繁的手動修改線上prod和dev的接口,倘若哪一天上線的時候疏忽了,線上的環境部署了dev的環境,那這個鍋你就逃不掉要背了...

        因此呢，爲了不這樣的尷尬發生,小程序也能夠配置dev和prod環境。

首先，定義一個本地config.js文件

let BASE_URL = ''
let BURY_URL = ''
if (process.env.NODE_ENV === 'development') {
  BASE_URL = 'https://www.baidu.test.com' //dev環境接口
  BURY_URL = 'http://10.10.1.10:8888' //dev環境埋點接口
} else {
  BASE_URL = 'https://www.baidu.com' //正式生產環境
  BURY_URL = 'https://analytics.xxx.com' //正式生產環境埋點
}
const config = {
  bury_url : BURY_URL,
  base_url: BASE_URL
}

export { config }
複製代碼

那發佈的時候怎麼區分呢

• 通常開發的時候都是選中Hbuild工具欄運行->運行到小程序模擬器->微信開發者工具->而後打測試包的時候在微信開發者工具欄上點擊上傳，等待打包成功

• 上線的操做呢，能夠選中Hbuild工具欄發行->小程序微信->微信開發者工具->檢查接口是否爲線上環境，確認後再打包上傳便可

• 這樣環境區分就OK了，打上線和測試包就不用頻繁的手動切換接口地址，避免犯錯。