所遇問題

啟動vue-cli項目服務，用本機IP無法訪問此網站，拒絕了我們的鏈接請求。從而無法從手機上預覽效果

原因分析

在我們的bulid目錄下有一個webpack.dev.config.js的配置文件，發現devServer對象里的host屬性取自process.env.HOST || config.dev.host。

于是這里我們去查看config.dev.host。在我們的config目錄下有一個index.js, 找到dev對象的host屬性

發現該版本的vue-cli將host主機名定義為localhost, 從而導致了本地IP不能訪問服務。

解決辦法

將host重新定義為：0.0.0.0即可, 然后重啟服務，發現localhost、127.0.0.1、本地IP均能正常訪問，這樣就可以用手機來預覽效果啦

host: '0.0.0.0'

以上這篇vue-cli項目無法用本機IP訪問的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com