在安卓手机中调试网站

最新推荐文章于 2022-11-24 11:46:42 发布

快乐de馒头

最新推荐文章于 2022-11-24 11:46:42 发布

阅读量203

点赞数

分类专栏： VueJs

本文链接：https://blog.csdn.net/chunxiaqiudong5/article/details/103687615

版权

VueJs 专栏收录该内容

57 篇文章 2 订阅

订阅专栏

尝试在手机上去进行项目的预览和测试
1. 要保证自己的手机可以正常运行；
2. 要保证手机和开发项目的电脑处于同一个 WIFI 环境中，也就是说手机可以访问到电脑的 IP
3. 打开自己的项目中 package.json 文件，在 dev 脚本中，添加一个 --host 指令，把当前电脑的 WIFI IP地址，设置为 --host 的指令值；
+ 如何查看自己电脑所处 WIFI 的IP呢，在 cmd 终端中运行 `ipconfig` ，查看无线网的 ip 地址

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --open --host 192.168.0.107 --port 3000 --hot  --contentBase src"
  }

运行npm run dev

就可以在手机上浏览器中192.168.0.107:3000 调试网站