雖說電腦上也能切換到手機模式調試,但我總感覺還差那麼點什麼,一直想到自己真正手機上調試項目,百度找了下,綜合了好幾遍文章,現在我明白了,現在分享給大家:
首先,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 後面的地址即可;