天天看點

如何使用手機預覽Vue項目(移動端)

我自己用下面的方法是有效的:

1.找到無線網絡區域網路ip

按住window+R鍵,輸入cmd,回車,在彈出的框内,輸入ipconfig,回車

在展示的結果中,有一個以太網的ip,有一個無線網的ip,複制無線網絡的ipv4位址,如192.168.0.62

2.為項目設定運作ip

打開vue項目的config檔案夾中的index.js檔案,在dev對象中,host的值由’localhost’改為上面複制的位址’192.168.0.62’

3.保證手機和電腦連接配接的是同一個wifi

4.運作項目

使用npm run dev運作項目,項目運作成功後,複制浏覽器上的位址給手機,如http://192.168.0.62:8080/#/App,用手機浏覽器打開即可

*注意:通過cmd找到的ip有兩個,一定是複制無線網的ip,而不是以太網的ip,然後電腦和手機要連同一個wifi