vue获取用户的mac地址

将本地网络地址 动态写入Vue项目的process.env

背景:vue前端一般没有直接获取mac地址的方法,我们可以通过nodejs获取,并将获取的网络地址动态通过vue.config.js 写入自定义vue参数process.env

var ifaces = os.networkInterfaces();

const network=ifaces[Object.keys(ifaces)[0]].find(x=> x.internal == false && x.family == 'IPv4');

const address=network.address;

const mac=network.mac;

 // 自定义Vue打包插件的配置

  // 这里主要目的是 把 变量参数 写入到 process.env(可以修改 process.env)


 

chainWebpack: config => {

    // args 是一个数组,返回值也必须是一个数组

    config.plugin("define").tap(args => {

      //   console.log("define", args);

      let newProcessEnv = { ...args[0]["process.env"], address:'"'+address+'"',mac:'"'+mac+'"' };

      return [{ "process.env": newProcessEnv }];

    });

  }

相关推荐

  1. vue获取用户mac地址

    2024-06-12 13:24:01       7 阅读
  2. http获取用户访问IP地址

    2024-06-12 13:24:01       26 阅读
  3. SpringBoot获取用户ip地址信息

    2024-06-12 13:24:01       40 阅读
  4. Conmi正确答案——ESP32获取MAC地址

    2024-06-12 13:24:01       15 阅读
  5. 前端Vue怎么获取登录用户名用户id

    2024-06-12 13:24:01       11 阅读
  6. php根据用户地址获取经纬度

    2024-06-12 13:24:01       14 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-12 13:24:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-12 13:24:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-12 13:24:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-12 13:24:01       18 阅读

热门阅读

  1. oracle 查询分隔符分隔开的所有数据

    2024-06-12 13:24:01       4 阅读
  2. 了解 XML HttpRequest 及其在 Web 开发中的应用

    2024-06-12 13:24:01       10 阅读
  3. docker run的复杂使用

    2024-06-12 13:24:01       6 阅读
  4. Oracle 最终会淘汰 MySQL 吗?

    2024-06-12 13:24:01       8 阅读
  5. AES加密、解密工具类

    2024-06-12 13:24:01       8 阅读
  6. Linux网络设置

    2024-06-12 13:24:01       9 阅读