利用Nodejs的os.networkInterfaces()模块修改vuecli项目默认打开地址

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中文文档

不知为什么这么写，但是页面显示正确，后续会更新。。。