獲取本機電腦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…