vue获取本地IP地址 自动配置本地请求地址

这个背景是这样的，就是我运行这个 Vue 代码，然后再每次本机运行的时候,我的服务器是也是本地启动的，然后我每换一个环境环境，然后咱们这个IP就变了，所以我希望在我的配置文件中我启动的是调试模式的时候，他自动给我获取获取这个本机的这个地址。
所以就产生了本文章 。

在项目的config/index.js下插入代码：

function getNetworkIp() {
  let needHost = ''; // 打开的host
  try {
    // 获得网络接口列表
    let network = os.networkInterfaces();
    // console.log("network",network)
    for (let dev in network) {

      let iface = network[dev];
      for (let i = 0; i < iface.length; i++) {
        let alias = iface[i];
        if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
          needHost = alias.address;
          // console.log("alias.address",alias.address)
        }
        // console.log("alias",alias)
      }
    }
  } catch (e) {
    needHost = 'localhost';
  }
  return needHost;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23