Vue移動端項目手機實時預覽

開發移動端的朋友們都懂得，模擬器測試6的飛起的時候，真機測試免不了來幾個小bug。話很少說，咱們來看看如何在手機實時預覽vue項目~ （如下示例目錄使用vue-cli腳手架生成）

一、第一步，打開咱們的vue項目目錄，找到config-->index.js文件

二、第二步，在dev模塊下，將host配置改成"0.0.0.0" (默認爲localhost)

三、第三步，把冰箱門帶上......卡！這一步獲取咱們的電腦ip地址，不知道怎麼獲取的小朋友要打屁股了！

windows 點擊開始——>輸入cmd 回車——>輸入ipconfig 回車
複製代碼

mac  終端輸入ifconfig 回車
複製代碼

四、第四步，npm run dev 運行vue項目，保持手機與電腦同一網絡，手機瀏覽器訪問"電腦ip+端口號"（如10.x.xx.xx:8080）

噹噹噹~~操做完畢，是否是很簡單~接下來就能夠在手機實時預覽vue項目了，而且隨時更新代碼均可以刷新預覽哦，是否是棒呆~

Tip：在服務器中，"0.0.0.0"指的是本機全部的IPV4地址，若是一個主機有兩個IP地址，而且該主機上的一個服務監聽的地址是0.0.0.0,那麼經過兩個ip地址都可以訪問該服務。