1. 程式人生 > >在手機瀏覽器上訪問vue-cli(vue2.x)專案

在手機瀏覽器上訪問vue-cli(vue2.x)專案

(通過ip地址訪問專案,也是為了讓同網段的手機輸入電腦的訪問本專案的網址後也能訪問該專案)

1、如果修改localhost為電腦ip地址也不能訪問專案

vue-cli開發的vue2.x版本,如果不能直接通過ip地址來訪問的話,那麼要修改config/index.js檔案中的host欄位:把之前的localhost註釋掉,寫成0.0.0.0post欄位為埠號配置。
在這裡插入圖片描述如上配置在專案啟動後,瀏覽器位址列為http://0.0.0.0:8080,然後我們在cmd命令列使用ipconfig命令查自己ip地址之後就可以在瀏覽器網址欄把0.0.0.0替換後就能正確進行訪問專案了。

2、如果修改localhost為電腦ip地址就能訪問專案

如果修改localhost為電腦ip地址就能訪問專案,那麼就不需要進行上面的config/index.js檔案修改了,直接localhost替換為本地ip即可。

最後:
當我們的手機和pc連上相同的區域網後(可以理解為連線相同的wifi),那麼在手機端瀏覽器也可以直接輸入上面電腦瀏覽器的網址也能在手機端瀏覽器進行瀏覽專案了。