1. 程式人生 > >vue+axios 開發環境與生產環境配置請求介面,本地開發和線上開發有多個請求地址怎麼處理?上線後自動獲取ip,不需改請求地址可運用多個專案中

vue+axios 開發環境與生產環境配置請求介面,本地開發和線上開發有多個請求地址怎麼處理?上線後自動獲取ip,不需改請求地址可運用多個專案中

1. 配置本地開發環境介面:

進入到專案目錄config檔案中index.js ;當頁面有多個不同地址時此可以重定向,下圖中會出現報錯的就是路徑問題,

建立所有httpUrl介面請求。舉例後臺請求地址為:192.168.11.12:80/omc/login  ,第一個/omc;頁面請求地址寫為/omc/login,請求地址為192.168.11.11:80/node/list   第二個/api   頁面請求地址要寫成/api/node/list

2.配置開發環境

為了更加方便的在打包壓縮後還能找到檔案地址,在static下建立configip檔案; 下圖中window.location.hostname可以動態獲取到ip名稱;URL物件裡面可以寫多個地址,