vue.js學習之 如何在手機上查看vue-cli構建的項目

一：找到config文件夾下的index.js文件，打開后，將host的值改為你本地的ip，保存后重啟項目

二：輸入ip和端口號打開項目

三：將地址復制，使用二維碼轉換工具（草料二維碼）生成二維碼后，使用手機掃描，就可以查看了。

注意：掃描后瀏覽器會有一個提示信息，點擊訪問原網頁就行了

 

后續更新：

2017/12/20更新，新版vue-cli，部分手機瀏覽器訪問白屏：

將config/index.js  的devtool: 'eval-source-map'  改為 devtool:'inline-source-map'

還無法兼容的瀏覽器有：qq瀏覽器、UC瀏覽器、華為默認瀏覽器、釘釘應用內部瀏覽器