一般我们使用指令npm run serve启动一个项目之后，会出现两个网址，

一个是本地的，一个是网络的。在手机浏览器地址栏输入第二个网址（Network），我们可以在手机端查看我们的vue项目。
【注意】：我们的手机和开启服务的电脑要连入同一个网络。

如下图：

可能，我们连接同一个网络以后，在手机浏览器输入第二个网址，发现手机端还是不能访问服务。这时候我们把电脑的防火墙关闭一下就好了。

关闭过程如下：

点击电脑左下角的【设置】

选择-【网络和Internet】

 

选择-windows防火墙

 然后点击   公用网络，然后 关闭防火墙

 这个时候再重新用手机查看vue项目第二个网址，就可以查看项目