vue-cli項目無法用本機(jī)IP訪問的解決方法

所遇問題

啟動vue-cli項目服務(wù)，用本機(jī)IP無法訪問此網(wǎng)站，拒絕了我們的鏈接請求。從而無法從手機(jī)上預(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主機(jī)名定義為localhost, 從而導(dǎo)致了本地IP不能訪問服務(wù)。

解決辦法

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

host: '0.0.0.0'

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

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