vue项目开发中如何真机测试

今天给大家分享一下vue项目开发中如何配置真机测试

想要配置真机测试首先要保证你的电脑,和手机在同一局域网下(同一热点,wifi)

第一步
winodw+r 打开你的命令提示符,在命令提示符里面,cd到你的项目

第二步
在你的命令提示符里面,输入ipconfig,在下边找到IPv4
vue项目开发中如何真机测试
第三步
在你的webpack.config.js文件里找到deServer配置,在里面加上一个host参数,并把刚才复制的ipV4地址粘贴到里面,这样你的真机测试就配置完成了
vue项目开发中如何真机测试
第四步
在命令提示符里运行你的项目,把这个地址在手机端打开,这样在写项目的时候,你的电脑上修改了,手机也会同步修改
vue项目开发中如何真机测试