os.networkInterfaces()是Nodejs的一個方法，該方法返回一個物件，包含只有被賦予網路地址的網路介面。我們建立一個vue-cli專案的時候，預設會在config目錄下index.js檔案中配置初始host屬性為localhost或127.0.0.1，瀏覽器開啟的地址也會基於host和port。

要改變這個地址我們可以在index.js檔案引用os並定義一個getIP()函式。

const os = require('os').networkInterfaces()

function getIP() {
  var interfaces = os;
  console.log(interfaces)
  
 
for (var devName in interfaces) {
    var iface = interfaces[devName];
    for (var i = 0; i < iface.length; i++) {
      var alias = iface[i];
      if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
        return alias.address;
      }
    }
  }
}

列印  
 
console.log(interfaces)  得到：

然後將原來的host: localhost屬性修改為host: getIP()，npm run dev重啟專案，不出意外你將在控制檯看到以下資訊，並且瀏覽器地址也變成了你的IP。

可參考 node中文文件

不知為什麼這麼寫，但是頁面顯示正確，後續會更新。。。