1. 程式人生 > >vue 專案使用 webpack 構建自動獲取電腦ip地址

vue 專案使用 webpack 構建自動獲取電腦ip地址

問題描述:開發移動端專案時可能需要在手機上除錯或者檢視頁面
解決方案:

  1. windows電腦開啟終端輸入 ipconfig 可以檢視電腦的IP地址;
  2. 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() 即可;