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;
}

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zl18603543572/article/details/125511090