所遇問題

創(chuàng)新互聯(lián)建站主營岳麓網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶App定制開發(fā),岳麓h5小程序開發(fā)搭建,岳麓網(wǎng)站營銷推廣歡迎岳麓等地區(qū)企業(yè)咨詢

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

原因分析

在我們的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, 從而導(dǎo)致了本地IP不能訪問服務(wù)。

解決辦法

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

host: '0.0.0.0'

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