vue项目怎么在手机查看

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

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

如下图:

vue项目怎么在手机查看_第1张图片

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

关闭过程如下:

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

vue项目怎么在手机查看_第2张图片

选择-【网络和Internet

vue项目怎么在手机查看_第3张图片

 

选择-windows防火墙

vue项目怎么在手机查看_第4张图片

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

vue项目怎么在手机查看_第5张图片

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

你可能感兴趣的:(vue,vue.js,前端,javascript)