在手机上调试vue3.0项目时需进行以下几步:
1. 电脑上按下windows+R,输入cmd,在电脑终端下,输入ipconfig,获取ip地址(IPv4对应的值)
ps:每次连接不同的wifi需要重新进行该步,ip地址会发生变化
2.在与package.json同级目录下创建vue.config.js文件
在vue.config.js中输入第一步获取的ip地址及端口号
ps:
注意端口号不要发生冲突;
vue-cli3工程文件夹中是没有vue.config.js这个文件的,所以我们需要自己创建一个,有该文件在文件内输入即可
3.在编译器上运行npm run dev,项目启动后,到手机上输入 network 后面的地址即可
ps:若手机上无法运行,需检查
1.手机和电脑是否处于同一wifi下;
2.电脑防火墙是否关闭
附带关闭电脑防火墙步骤:
①搜索控制面板;
②依次进入 系统和安全 ->Windows Defender 防火墙;
③点击右侧 启用或关闭Windows Defender 防火墙;
④关闭防火墙
注意查看完项目后记得关闭防火墙哦~
在手机上查看项目时,自己走了弯路,希望记录下来,自己以后不会忘记,fighting!!!