在使用vue開發(fā)移動端時，特別想在真機(jī)上看看自己開發(fā)出來的成品，現(xiàn)在分享一個很方便的方法，在 webpack 工具構(gòu)建vue項(xiàng)目時，實(shí)現(xiàn)真機(jī)實(shí)時預(yù)覽。
電腦和手機(jī)連接同一個
WiFi-
查詢電腦本地
IP地址-
WIN + R,輸入cmd回車，打開命令提示符，輸入config,查看本地IPv4
查看IP
-
-
修改項(xiàng)目中的
IP地址-
找到項(xiàng)目中的config文件夾中的index.js文件
修改IP地址
改為IP4地址
-
示例：
module.exports = {
dev: {
host: '192.168.0.114', // 原為: hotst: 'localhost'
}
}
- 制作二維碼實(shí)現(xiàn)手機(jī)預(yù)覽
- 訪問鏈接：https://cli.im/ 生成二維碼，使用手機(jī)掃描即可
生成二維碼
