手机端如何访问本地vue+vite项目,实现实时调试?

手机端如何访问本地vue+vite项目,实现实时调试?

码农世界 2024-05-24 前端 80 次浏览 0个评论

一、应用场景

h5(vue+vite)嵌入app后,出现某种问题时,需要每次发布坏境后,才能才看效果,这种来回很耗时间,本文章在于解决手机端直接访问本地启动应用项目,无需重复发布坏境

二、实现步骤

1、查看电脑ip

cmd里输入ipconfig,查看IPv4地址,并复制

2、修改项目的vite.config.js 文件

port:随意写一个没有被占用的端口

host: 第一步复制的IPv4地址

3、测试效果

本地重新启动项目,并打开网址,将浏览器中打开的网址直接复制到手机端,点开即可直接浏览项目

转载请注明来自码农世界,本文标题:《手机端如何访问本地vue+vite项目,实现实时调试?》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,80人围观)参与讨论

还没有评论,来说两句吧...

Top