鍍金池/ 問(wèn)答/PHP  HTML/ vue.js學(xué)習(xí)之 如何在手機(jī)上查看vue-cli構(gòu)建的項(xiàng)目

vue.js學(xué)習(xí)之 如何在手機(jī)上查看vue-cli構(gòu)建的項(xiàng)目

首先試了好多方法
1.將ip地址直接改為本地IP電腦上都無(wú)法訪問(wèn)
2、將index.js 中host：locahost 改為 host：本地ip 電腦上沒(méi)有問(wèn)題 生產(chǎn)二維碼 掃描無(wú)法訪問(wèn)
3、host：locahost 改為 host：0.0.0.0電腦上沒(méi)有問(wèn)題 生產(chǎn)二維碼 掃描無(wú)法訪問(wèn)

回答
編輯回答
墨小羽

1.你先把開(kāi)發(fā)服務(wù)打開(kāi)npm run dev
2.查看你主機(jī)在局域網(wǎng)下的內(nèi)部ip地址

windows:
    ipconfig
macOS:
    ifconfig

3.在手機(jī)上輸出這個(gè)ip地址,配上你的端口號(hào)即可
例如我是192.168.1.66, 提供服務(wù)的端口號(hào)是8080
手機(jī)上輸入http://192.168.1.66:8080

2017年12月24日 21:41
編輯回答
好難瘦

clipboard.png電腦上訪問(wèn)沒(méi)有問(wèn)題，手機(jī)上不開(kāi)
clipboard.png這里改成本機(jī)ip和0000都不行

2018年5月4日 02:05
編輯回答
敢試

得在同一局域網(wǎng)內(nèi)，地址是本機(jī)ip地址，不是locahost

2018年2月9日 18:11