一般vue項(xiàng)目在本地運(yùn)行是localhost:8080/#/
這個(gè)時(shí)候如果我們想在手機(jī)上調(diào)試
可以在vue項(xiàng)目config文件夾下的index.js里
把host后面的localhost改成你自己本地的IP地址
如果你不知道IP地址是什么，可以在命令行里輸入 ipconfig
其中IPV4的地址就是你的本地地址
現(xiàn)在把這個(gè)地址寫(xiě)在index.js里面的host后面
然后重啟項(xiàng)目npm run dev
這個(gè)時(shí)候在地址欄里就可以輸入 http://xx.xx.xx.xx:8080/#/
要在手機(jī)上訪問(wèn)前提條件就是屬于一個(gè)網(wǎng)段
可以電腦和手機(jī)連接同一個(gè)網(wǎng)段割择，可以手機(jī)連接電腦分享出來(lái)的wifi連接
此時(shí)就可以在手機(jī)上輸入和電腦上一樣的http://xx.xx.xx.xx:8080/#/就可以了
上面的這個(gè)適合看一些UI界面
下面這個(gè)工具適合調(diào)試JS
解決前端手機(jī)調(diào)試問(wèn)題——vConsole
首先npm i??vconsole
在main.js里面寫(xiě)
import Vconsolefrom 'vconsole';
const vConsole =new Vconsole();
Vue.use(vConsole);
然后這樣就可以在各個(gè)機(jī)型的手機(jī)端上調(diào)試js了
看圖1滔悉，圖2
圖1
圖2
