将 vue 的项目放在 手机上查看 及 测试 bug

时间:2022-05-13 03:06:15

  首先:我们应该让电脑和手机 处在同一个局域网下面,最简单的方法,就是让手机链接电脑的 WiFi ,或者让电脑链接手机的 WiFi ,然后得到我们的 ip 地址

  在电脑上获取 ip 地址就行

    获取方法:window + r  ---》 cmd ---》 ipconfig   三个指令

  然后我们的vue项目,先去下载 vue 的脚手架 vue-cli ,然后一切全部准备完毕后,在当前项目的 package.json 的文件中

  scripts 对象上,有一个 dev 的属性,属性值就是我们运行的指令,我们在这个属性值里面,接着添加 --host IP地址 即可

  如图:

  将 vue 的项目放在 手机上查看 及 测试 bug

  然后我们在电脑的网址:把 localhost 改为 IP 地址即可

  将 vue 的项目放在 手机上查看 及 测试 bug