vue 專案使用 webpack 構建自動獲取電腦ip地址
阿新 • • 發佈:2019-01-03
問題描述:開發移動端專案時可能需要在手機上除錯或者檢視頁面
解決方案:
- windows電腦開啟終端輸入 ipconfig 可以檢視電腦的IP地址;
- mac電腦開啟終端輸入 ifconfig 可以檢視電腦ip;
但是每天 ip 發生變化這樣就很麻煩,每天都需要重新獲取,所以提供以下解決方案來獲取 電腦 ip,藉助 node 裡的 os 模組;
在 config 檔案裡的 index.js 裡面加上以下程式碼:
const os = require('os'); function get_ip() { var host = ''; // 開啟的host try { // 獲得網路介面列表 let network = os.networkInterfaces(); // 本機ip network.en0[1].address 當電腦網路連線為 wifi 網路 // network.en7[1].address 當電腦網路連線為有線網路 host = network.en0 ? network.en0[1].address : network.en7[1].address; } catch (e) { host = 'localhost'; } return host; }
然後將 dev 裡的 host 改成 get_ip() 即可;