获取本机电脑IP的正确使用方法

前端开发大多数人会mock数据，且公司内通常都会有一套自成体系的mock数据的方法，今天就来说一讲结合mock，前端须要作的一些配置（固然都是为了省时省事）

首先

使用mcok会自动起一个node服务，此时全部的接口及数据都会成列表展现，见下图：

当咱们在移动端调试的时候，咱们都知道，须要用到IP去进行访问，可是此时IP有多是动态的，咱们又不想每次都去修改这个IP，那么重点来了。。。

咱们先去获取到本机IP，直接上代码

// 获取本机电脑IP
function getIPAdress() {
    let interfaces = require('os').networkInterfaces();
    for (var devName in interfaces) {
        var iface = interfaces[devName];
        for (var i = 0; i < iface.length; i++) {
            let alias = iface[i];
            if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
                // console.log(alias.address);

                return alias.address
            }
        }
    }
}

复制代码

其次

咱们获取到IP后，须要在页面js中使用，此时咱们须要找一个变量去承接它，那就天然而然的想到webpack.DefinePlugin 代码以下：

new webpack.DefinePlugin({
    'process.env': {
        SERVERIP:JSON.stringify({"serverIp":serverIp})  //将本地电脑IP用变量存起来，便于在本地测试时使用
    }
})

复制代码

最后

咱们就能够直接在页面js中使用了

const httpIP = process.env.SERVERIP.serverIp;

const httpURL =`http://${httpIP}:3020`;

复制代码

参考连接：

webpack.docschina.org/plugins/def…