最近拿vue写项目,大家都懂的,肯定用vue-cli啊,一键生成项目,然后再根据自己的项目需求稍微改一改,开发环境搭建完毕,perfect(破费),但是突然有一天我看到npm run dev后命令行出现的提示

Your application is running here : http://0.0.0.0:8080

感觉可别扭了,我还得自己去重开一个cmd,ipconfig,找我自己的ip,程序员最怕的就是多写一句代码,多一步操作,为啥?懒呗!哈哈,于是我就想既然,是运行在nodejs里的,那么nodejs应该有可以获取本机ip的模块,果不其然,被我找到了 os 模块,下面直接上代码

const os = require('os');
///获取本机ip///
function getIPAdress() {
    var interfaces = os.networkInterfaces();
    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;
            }
        }
    }
}
const myHost = getIPAdress();

然后在webpack.dev.conf.js里面改一下提示

compilationSuccessInfo: {
          messages: [`Your application is running here : http://${myHost}:${port}`],
     },

然后运行 npm run dev
你会发现奇迹般地发生了以下结果

在这里插入图片描述

是不是特神奇?哈哈!

Logo

前往低代码交流专区

更多推荐