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

Posted 2022-06-29 早起的年轻人

这个背景是这样的，就是我运行这个 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;