vue項目本地服務器設置既能localhost訪問又能手機ip訪問


在初始化完一個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 也可以解決

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM