1. 程式人生 > >vue專案手機真機預覽和除錯

vue專案手機真機預覽和除錯

很多專案要模擬手機真機環境才能測的出效果比如像高斯模糊的一些樣式特效只有在真機上才看得出來;但是如果要上線上每次都要打包所以很不方便,給大家介紹一下我的方法:

1.**

首先找到 config 下面的index.js

** 如圖:
在這裡插入圖片描述
2.

找到host:‘localhost’ 跟換成IP 的方式

:如圖
我的是配過跨域的所以程式碼跟你們的可能有點不一樣,不過只要找準host:‘localhost’ 去修改就行了;
在這裡插入圖片描述

3.獲取本機的IP地址;

記住是區域網的IP,不是網路IP;

否則會編譯報錯:怎麼找呢如圖:
開啟cdm命令工具輸入ipconfig 如圖;
在這裡插入圖片描述

這樣就能獲取到IPv4 的IP;複製下來填進去就OK ; 此時用你的手機去訪問這個網址例如:
http://192.168.0.180:8080/#/;就跨域訪問了

記住手機一定要和電腦連同一個wifi

否則是訪問不到的哦謝謝大家,分享完畢;給顆小心心,謝謝囖