日常开发移动终端时,电脑的开发效果和手机上显示的效果经常不一致。 这种兼容性问题通常是在发布到在线测试环境并通过手机访问后才发现的。 如果我们开发的时候不是公司内部网络虚拟机的开发(这很重要。 在没有公司网络虚拟机或无线网卡的电脑上无法使用以下方法)可以通过手机访问电脑的本地IP,查看项目在移动终端上的运行效果。
首先使用WIN R开始运行,然后输入cmd进入命令行
进入命令行后,输入ipconfig
这个IPv4是我们PC的本地地址。 接下来需要配置我们的vue.config.js文件
在vue.config.js中找到devServer,并将devServer下的主机更改为0.0.0.0或刚才记录的ipV4地址。 建议0.0.0.0。 写下死亡的IP地址会在开发其他电脑时被重新修正)
此时,在本地启动项目时,可以将localhost替换为自己的IPV4地址。 例如,在http://10.140.194.25:8080中,如果访问成功,则表示配置成功
其次,手机需要与电脑相同的局域网的最简单方法是使用电脑无线网卡打开热点
自己设置热点用户名、密码等,在手机连接上输入上面的链接,就可以用手机访问