更新 动态获取IP地址

config/index.js 头部 添加如下代码

 var os = require('os');
 var IPv4;
  let {WLAN} = os.networkInterfaces();
  //动态的获取本机IP地址
  for (var i = 0; i < WLAN.length; i++) 
  { 
    if (WLAN[i].family == 'IPv4') 
    { 
        IPv4 = WLAN[i].address; 
    } 
}

修改配置中host属性值

image.png

vue-cli版本2.5 windows系统

手机和电脑处于同一局域网

让手机和电脑链接到同一wifi，我使用的wifi是个人的。

修改config文件夹下的index.js文件

image.png

win+r 输入cmd 输入 ipconfig 获取到ipv4地址

image.png

将配置文件中host属性值改为ipv4地址

重新启动项目

在手机端浏览器中输入pc相通的url就可以访问了
我的是http://192.168.0.107:8080/#/
点击浏览器的右上角的三个竖点，点击添加到主屏幕，可以将当前网址设置到主屏幕上，我用的时Chrome。

listen EADDRNOTAVAIL

当电脑断开wifi又重新连上，比如电脑重启、关机，IP会发生变化，项目启动时，node.js会发生上述错误，
需要重新查询本机的IP地址 ，同时修改配置文件。

Tips:

在pc端使用localhost和127.0.0.1已经不能访问了

另外，上述两种方式访问，localstorage的存储是分开的。