第一步:手機要和電腦同時連接同一個wifi,或者局域網
1、筆記本的話可以開一個移動熱點,手機連接筆記本的移動熱點;或者手機開一個移動熱點,筆記本電腦連接手機的移動熱點
2、台式電腦的話和手機同時連接一個路由器,使用同一個wifi
第二步:查看電腦連接的IPV4地址
1、快捷鍵windows + R,輸入cmd,打開dos窗口,輸入ipconfig,會顯示IPV4地址
2、windows10系統電腦 ,直接在左下角搜索框中輸入cmd,回車就會調出dos窗口,然后也是輸入ipconfig
第三步:在vue項目中找到config文件下的index.js文件;config---->index.js (這是vue2項目的配置)
把host改為查出來的IPv4地址,比如 host:“172.20.29.169“
port端口號改不改無所謂
vue3項目中沒有上述的文件,會在根目錄下有個vue.config.js文件,在devServer:{ }中修改host:就可
第四步:重啟項目,在手機瀏覽器中輸入地址即可
如果不想手動輸入地址,可以把地址放在草料二維碼中,生成二維碼,手機掃碼即可
草料二維碼網址:https://cli.im/
友情提示:如果掃碼沒出來的話,記得清楚手機一下緩存,微信、瀏覽器掃碼都可以,只要沒出來,都分別清理一下緩存