第一步:打開(kāi)項(xiàng)目根目錄進(jìn)行打包
1.修改根目錄index.html文件里build.js的路徑
2.修改根目錄webpack.config.js文件里publicPath
3.在根目錄打開(kāi)cmd 或打開(kāi)cmp進(jìn)入到根目錄
4.npm run build 進(jìn)行打包
5.成功后多出一個(gè)dist文件夾 以及index.html可以打開(kāi)
第二步:新建一個(gè)test文件夾
1.在test中下載express包 npm install express
2.之后再新建一個(gè)www文件夾
3.再在www文件夾中新建一個(gè)項(xiàng)目文件test1惑芭,用于存放原項(xiàng)目根目錄里除node_modules以外的內(nèi)容(從根目錄復(fù)制過(guò)來(lái))
第三步:在命令行中輸入ipconfig 查找本機(jī)ip地址舌稀,若出現(xiàn)錯(cuò)誤污淋,則使用管理員身份運(yùn)行cmd,再輸入ipconfig查找。
(1啬妗!!請(qǐng)確保打開(kāi)網(wǎng)頁(yè)的手機(jī)和電腦處于同一局域網(wǎng),可以連同一個(gè)wifi或是使用同一網(wǎng)段)
第四步:在test文件夾下編寫(xiě)自己的服務(wù)器 readfile.js
第五步:在test文件路徑打開(kāi)cmd,運(yùn)行命令 node readfile.js
第六步:不要關(guān)閉服務(wù)器虹菲,在瀏覽器輸入 ip地址:端口號(hào) 就可以出現(xiàn)頁(yè)面啦~
最后一步:將打開(kāi)的網(wǎng)址復(fù)制,發(fā)送給使用同一網(wǎng)段的移動(dòng)手機(jī)打開(kāi)弃秆。
就可以在手機(jī)端測(cè)試vue項(xiàng)目啦~~~
以上為個(gè)人測(cè)試經(jīng)驗(yàn)和見(jiàn)解,如有問(wèn)題髓帽,歡迎提出~~~