Vue——Vue專案本地伺服器設定既能localhost訪問又能手機IP訪問

小欣兒發表於2018-08-28

原文連結: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 也可以解決

這裡寫圖片描述

相關文章