1. 在電腦和手機上都安裝Chrome瀏覽器;
2. 手機用數據線連接到電腦上;
3. 在設置的開發者選項里開啟手機的USB調試;
4. 要確保手機和電腦連接的是同一局域網,並且關掉電腦上的防火牆;
5. 電腦上的chrome瀏覽器訪問chrome://inspect,如果連接成功,就會在電腦上的chrome瀏覽器中顯示出對應的手機的型號;
6. 在手機上的chrome瀏覽器內輸入要查看的網址;
7. 此時電腦上的chrome://inspect頁面中就會出現可以檢查的頁面;
如果調試的開發頁面為locasthost的時候,移動端是拿不到這個頁面的。可以在cmd里輸入ipconfig,就可以看到ipv4地址,也就是本機的ip地址,用這個地址替換localhost。
但這個時候vue項目又會出現無法訪問的情況,找到 config 文件夾下面的 index.js 里面的 dev,把 host 的值改成 0.0.0.0,重新編譯即可。