如何获取本地局域网IP地址(vue)

首先，我们个人在写本地项目时候，是需要获取本地局域网IP地址进行项目的启动，这个时候，如果我们切换网络，会导致IP发生变化，这时候就需要重新获取IP地址。

所以，通过在vue.config.js中，用方法进行获取IP地址的操作。

const os = require('os'); //提供本地的相关信息

// 获取本地ip
function getNetWorkIp() {
    // 打开host
    let needHost = '';
    try {
        let network = os.networkInterfaces();
        for (const dev in network) {
            let iface = network[dev];
            for (let i = 0; i < iface.length; i++) {
                const alias = iface[i];
                if (
                    alias.family === 'IPv4' &&
                    alias.address !== '127.0.0.1' &&
                    !alias.internal
                ) {
                    needHost = alias.address;
                }
            }
        }
    } catch (error) {
        needHost = 'http://localhost';
    }
    return needHost
}
const IP = getNetWorkIp();

//跨域处理
    devServer: {
        host: IP,   //这样就可以动态获取
        proxy: {
            '/api': {
                target: `${IP}:3000/api`,
            }
        }
    },

感谢！欢迎提意见！