如何在手機端查看PC端上的Vue項目(一)----同一網絡下

在PC端寫好的Vue項目，通常都是npm run dev編譯以後再本地瀏覽器地址欄輸入localhost:8080來查看

爲何是輸入localhost:8080,緣由在於vue項目的配置文件config文件夾下的index.html中，host意爲主機，localhost意爲本地主機，port意爲端口,8080就是默認的端口，固然你能夠隨意更改

由於是在本地主機啓動的項目，因此只能在寫代碼的那臺電腦查看，下面咱們就來介紹如何在手機端查看

一、保證手機和電腦在同一網絡下

將你的手機和電腦鏈接同一個WIFI,臺式機的話。。。。，略過，之後會寫臺式機，哈哈

二、查看電腦的內網IP

內網IP哦，就是通常就是 192.168....這樣的

打開CMD命令窗口，輸入ipconfig,回車

三、修改Vue項目配置文件

打開剛纔上面提到的那個 config文件夾下的 index.js文件

將host的值修改成你的IP地址

port改不改無所謂

四、從新啓動Vue項目

五、在手機端打開瀏覽器，輸入192.168.0.XXX:8080

OK,到此結束，該方法要注意兩點：

一、手機和電腦在同一網絡下
二、項目配置文件中設置的host必定要是電腦的IP,由於若是你電腦重啓或者斷網後，IP可能會變化