vue填坑之使用手機(jī)訪問vue項(xiàng)目

目前在使用vue做一個(gè)項(xiàng)目，項(xiàng)目需要兼容PC端和手機(jī)端，所以在開發(fā)的過程中，需要使用手機(jī)去訪問我電腦上的vue項(xiàng)目。

當(dāng)然一拍腦門，覺得跟其它的項(xiàng)目是一樣的，直接使用ip地址+端口號(hào)和跳轉(zhuǎn)路徑就可以訪問了，但其實(shí)我錯(cuò)了，剛剛開始以為是防火墻的原因，后來把防火墻關(guān)閉之后，還是無法訪問。

查了半天，才發(fā)現(xiàn)是需要配置的。

首先，你的項(xiàng)目需要打包。

項(xiàng)目使用

》npm run build 打包

打包完成后，修改一下vue項(xiàng)目 config文件夾下index.js文件配置：


修改host屬性值：改成0.0.0.0

然后運(yùn)行你的項(xiàng)目：npm?run?dev

然后你的手機(jī)端就可以使用ip+端口號(hào)+路徑訪問你的項(xiàng)目了。

注意哦：你的手機(jī)必須和你的電腦在同一網(wǎng)段，要不然也是無法訪問滴。

我是壹家全棧的：伊伊

填坑進(jìn)行中，筆記不斷更新， 有需要的朋友可以關(guān)注我啦~~~

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容