ReactJS获取macAddress时使用getmac包报错，求解决方案及相关文档

核心问题说明 #

getmac是Node.js环境专属的包，依赖Node的系统底层API，前端浏览器环境没有这些API，所以直接引入会报错。更关键的是：浏览器出于隐私安全限制，根本不允许前端JavaScript直接读取用户设备的MAC地址，这是W3C规范明确禁止的，任何前端方案都绕不开这个限制。

可行替代方案 #

1. 用浏览器指纹替代MAC标识用户

如果你的需求是唯一标识用户，完全不需要MAC地址，可以用浏览器指纹库（比如fingerprintjs2）生成唯一标识，示例代码：

import FingerprintJS from '@fingerprintjs/fingerprintjs';

const getVisitorId = async () => {
  const fp = await FingerprintJS.load();
  const result = await fp.get();
  console.log('用户唯一标识:', result.visitorId);
};

2. Electron/Node.js环境下获取MAC

如果是开发Electron桌面应用（自带Node.js环境），可以通过主进程获取MAC后传给React渲染进程：

• 主进程代码：

const { ipcMain } = require('electron');
const os = require('os');

// 用Node.js原生os模块获取MAC，无需额外包
const getMacAddress = () => {
  const interfaces = os.networkInterfaces();
  for (const name of Object.keys(interfaces)) {
    for (const iface of interfaces[name]) {
      if (iface.family === 'IPv4' && !iface.internal) {
        return iface.mac;
      }
    }
  }
  return '';
};

ipcMain.handle('fetch-mac', () => getMacAddress());

• React组件代码：

import { ipcRenderer } from 'electron';

const fetchMac = async () => {
  try {
    const mac = await ipcRenderer.invoke('fetch-mac');
    console.log('设备MAC:', mac);
  } catch (err) {
    console.error('获取失败:', err);
  }
};

3. 后端场景的误区

很多人以为后端能获取用户设备MAC，但实际上后端只能拿到用户的公网IP，无法直接获取MAC地址——MAC地址只在局域网内有效，跨公网传输时会被路由器替换。

参考要点 #

• 浏览器安全规则：所有现代浏览器都禁止前端JS访问硬件级隐私信息（包括MAC、IMEI等），避免用户隐私泄露。
• Node.js环境获取MAC：除了getmac包，还可以用Node原生os.networkInterfaces()方法，兼容性更好且无需额外依赖。

内容的提问来源于stack exchange，提问作者Shiv Yadav