所遇問題

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

原因分析

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

于是這里我們?nèi)ゲ榭碿onfig.dev.host。在我們的config目錄下有一個index.js, 找到dev對象的host屬性

發(fā)現(xiàn)該版本的vue-cli將host主機名定義為localhost, 從而導致了本地IP不能訪問服務(wù)。

解決辦法

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

host: '0.0.0.0'

以上這篇vue-cli項目無法用本機IP訪問的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。