VUE-获取本地局域网IP地址

最新推荐文章于 2024-11-05 11:14:17 发布

梦翼横空

最新推荐文章于 2024-11-05 11:14:17 发布

阅读量6.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue js 文章标签： tcp/ip 网络协议网络

本文链接：https://blog.youkuaiyun.com/shichunlai18/article/details/129218531

vue 同时被 2 个专栏收录

5 篇文章

订阅专栏

4 篇文章

订阅专栏

该代码片段展示了如何使用Node.js的os模块获取本地IPv4地址，以避免使用localhost。函数getNetWorkIp用于查找非内部的IPv4地址。然后在devServer配置中，使用获取到的IP地址进行跨域设置，针对/api路径的请求代理到指定端口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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`,
            }
        }
    },