vue前端获取计算机本机的mac和ip地址
2025-06-24 12:44:55
7
vue 前端 使用 node 里的。 os。获取主机的模块。mac。和。IP。地址。
需要注意的是，本教程只能获得本地，服务器也包装在服务器上。需要获得不同用户的客户端mac，看我这篇。在客户端获取不同的mac地址。
一、创建根目录。 getNetworkInfo.js。脚本文件。
const os = require("os");function getNetworkInfo() { let address = "127.0.0.1"; let mac = ""; const networkInterfaces = os.networkInterfaces(); for (const iface of Object.values(networkInterfaces)) { for (const details of iface) { if ( details.family === "IPv4" && details.mac !== "00:00:00:00:00:00" && details.address !== "00:00:00:00:00:00" && details.address !== "127.0.0.1" ) { mac = details.mac; address = details.address; return { mac, address }; } } } return { mac, address };}module.exports = getNetworkInfo;二、。vue.config.js。中引入。
const getNetworkInfo = require("./getNetworkInfo.js");const { mac, address } = getNetworkInfo();// Processs自定义环境变量.env.VUE_APP_MAC = mac;process.env.VUE_APP_ADDRESS = address;三、使用页面。
<template> <div class="box-card"> <h3>mac:{ 。{ address }}</h3> </div></template><script>export default { data() { return { mac: "", address: "", }; }, mounted() { this.mac = process.env.VUE_APP_MAC; this.address = process.env.VUE_APP_ADDRESS; console.log("process.env.VUE_APP_MAC>>>→??????", process.env.VUE_APP_MAC); console.log( "process.env.VUE_APP_ADDRESS>>>→??????", process.env.VUE_APP_ADDRESS ); },};</script><style lang="scss" scoped></style>四、。os。其它操作方法。
其他用法：
os.EOL定义了操作系统一行结束时标识的常量。os.arch()返回操作系统 CPU 结构，可能的值有 “x64”、“arm” 和 “ia32”。os.cpus()返回数组对象包括CPU的型号、速度、时间等。os.endianness()返回 CPU 字节序，可能的是 “BE” 或 “LE”。Little endian：将低序字节存储在起始地址中。Big endian：将高序字节存储在起始地址中。os.freemem()返回操作系统的空闲内存�单位是字节。os.homedir()返回当前用户主目录。os.hostname()返回操作系统的主机名称。os.loadavg()返回一个包含 1、5、15 平均负载分钟的数组。os.platform()返回操作系统平台。os.release()返回操作系统的发布版本。os.tmpdir()返回默认操作系统的临时文件目录。os.totalmem()返回系统内存总量单位为字节。os.type()返回操作系统名称。os.uptime()返回操作系统运行时间，以秒为单位。本文地址：http://cdn.baiduyun.im/video/www.bfzx365.com/video/236d58299181.html
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。