在初始化完一個vue項目(基於vue-cli 和webpack)之后,我們可以通過 npm run dev來讓這個項目跑起來。
我們在瀏覽器里輸入localhost:8080就可以訪問該項目了。
但是要是手機想訪問的話,就得通過ip地址,但當我輸入ip地址進行訪問時,卻發現不行。
於是我找項目的配置文件,發現config/index.js,有個host的配置項,默認值為“localhost”,我把localhost改成ip地址,重啟,發現可以訪問,但localhost:8080這個地址就沒辦法訪問了。
本着一點強迫症,在網上百度的基礎與向dalao請教的基礎之上,找到了有個解決辦法。既能通過ip地址訪問,也能通過localhost訪問。
方法1.將index.js中的host的值改為‘0.0.0.0’
方法2.修改package.json中script下dev的值,在后面加入--host 0.0.0.0 也可以解決