vue-cli3項目中怎麼到手機上調試

雖說電腦上也能切換到手機模式調試,但我總感覺還差那麼點什麼,一直想到自己真正手機上調試項目,百度找了下,綜合了好幾遍文章,現在我明白了,現在分享給大家:
首先,vue-cli3工程文件夾中是沒有vue.config.js這個文件的,所以我們需要自己創建一個;
然後再打開自己按一下windows加R鍵,輸入cmd,打開自己電腦終端,輸入ipconfig,就能看到自己電腦的ip地址了,
最後在vue.config.js文件中寫入如下圖所示代碼即可:
在這裏插入代碼片
在這裏插入圖片描述

module.exports = {
    devServer: {
        host: '192.168.1.6',  //將瀏覽地址的本地服務修改爲本機ip地址,用來到手機上測試
        port: 8080,           //端口號
    },
}

然後再到手機上輸入項目啓動後 network 後面的地址即可;
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章