如何在局域网下测试vue项目

同一局域网下，通俗讲，就是电脑和手机等其他设备连接的是同一个 wifi

1 修改 vue 项目的 host 地址

1. vue项目一般使用 npm run dev 或者 npm run server 来运行
2. 如果是 webpack 构建的项目，在config文件夹下有一个index.js文件，找到dev，把 host 配置成自己电脑本机的 ip 地址（ip地址如何找，看第二步）
   

2 查看本机的ip地址

1. win + r，调出命令窗口搜索框，一般在电脑左下角弹出，在输入框内输入cmd，回车，进入命令行工具；
   
2. 在命令行工具中输入 ipconfig，回车；查看自己的 ip 地址，192.168.110.98就是我自己的 ip 地址；
   

3 host 配置完成后，重新运行 vue 项目

重新运行后，同一局域网下的电脑和手机都可以访问这个地址来实时测试当前正在运行的 vue 项目