vue根據環境自動更換打包地址

在vue項目中測試環境和線上環境打包的時候每次都需要手動更換打包地址導致有時候忘記需要重寫打包;
自動更換打包地址:原理很簡單判斷訪問域名更換地址;

//1.定義所有環境服務器地址
const server={
    pro:"https://pro.xxx.com/api/",//生產環境
    dev:"http://dev.xxx.com/api/",//測試環境
    util:"http://util.xxx.com/api/"//其他環境,可以爲空,爲空則適配到測試環境
}
//2.獲取當前訪問域名,並根據域名判斷當前環境,然後獲取指定環境的服務器地址
var DOMIN="";//服務端接口訪問跟路徑
const origin=location.hostname//當前訪問域名
for(var i in server){
    var item=server[i]
    if(item.indexOf(origin)>-1){
        DOMIN=item
    }
}
//3. 特殊情況處理,如果沒有在server變量中匹配到具體環境,則依次讀取util、dev
if(!DOMIN) DOMIN=server.util?server.util:server.dev
console.log("DOMIN",DOMIN)
export default
{
  DOMIN
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章