利用Nodejs的os.networkInterfaces()模

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;
      }
    }
  }
}

然后将原来的host: localhost属性修改为host: getIP()，npm run dev重启项目，不出意外你将在控制台看到以下信息，并且浏览器地址也变成了你的IP。

你可以继续在控制台输入ipconfig来确认是否是自己的IPv4 地址。