1. 程式人生 > >vue_真機調試頁面

vue_真機調試頁面

就是 程序 但是 發的 基於 開發 真機 config文件 需要

使用vue開發也有一段時間,是說我太懶了,還是說太懶了。得總結總結的。

之前在開發的時候都是,npm run build把頁面打包後再上傳到代碼庫上線用手機看頁面效果。樣式調整,嗯,很麻煩很傻的。

今天決心要解決這個問題,的確很簡單。

技術段:

下面這段文字也是別人家的,還是太懶了。

  我用的是vux起的一個項目(移動端,基於vue的),因為是移動端的,需要在手機上測試,發現用http://localhost:8081/訪問的挺好的,但是換到ip就訪問不了,期初我以為是代理的原因,將電腦的代理給關掉了。還是不行,然後改為127.0.0.1訪問,發現可以訪問,用0.0.0.0訪問也可以,就是ip不行。然後就各種google,百度。別人家的方法---都試了好多,發現沒效(有點懷疑人生,懷疑是不是我電腦的問題),但是結果就在這,ip就是不可以訪問!!!!

本著一個程序員的本能--不解決這個bug,誓不罷休的精神。我開始看自己的build文件, config文件。最終找到了根源----在config裏面的index.js裏面的module.exports下面的dev下面的host:‘localhost‘ 改為 host:‘0.0.0.0‘,就可以訪問啦!!!然後開心愉快的開始碼代碼!!!!!!

  看不懂,別來找我。

vue_真機調試頁面