【node】为vue获取本机IP地址

原创已于 2023-02-12 17:34:51 修改 · 4.5k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2022-06-05 10:26:46 首次发布

Node 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在Vue项目中通过`os`模块获取本机IPv4地址，并将其应用到devServer配置中，确保开发服务器正确连接。

获取本机ipv4地址：
可通过cmd，执行ipconfig/all预览本地ip信息；

// vue.config.js
const os = require("os");
let needHost = "0.0.0.0";
try {
  let network = os.networkInterfaces();
  console.log(network);
  needHost = network[Object.keys(network)[0]][1].address;
} catch {
  needHost = "localhost";
}
console.log(needHost);
module.exports = defineConfig({
...
  devServer: {
    host: needHost,
    port: 8080,
    open: true,
    proxy: {},
  },
});