Uniapp真机调试:手机端访问电脑端的后端接口解决

Uniapp真机调试:手机端访问电脑端的后端接口解决

1、前置操作

  • HBuilderX -> 运行 -> 运行到手机或模拟器 -> 运行到Android App基座
    • 少了什么根据提示点击下载即可
  • 使用数据线连接手机和电脑
    • 手机端:打开开发者模式 -> USB调试打开
    • 手机端:有个弹窗显示是否允许调试,点击是即可
  • HBuilderX -> 运行 -> 运行到手机或模拟器 -> 运行到Android App基座 -> 点击刷新 -> 选择手机即可

2、手机电脑内网互通

  • 关闭电脑防火墙,全关
  • 手机和电脑练到同一个网络/WIFI,需要属于一个网段,查看网络ip前三组相同即可
  • 电脑打开命令行 -> ipconfig查看网络 -> 查看连接WIFI网卡的IPV4地址 -> 复制到前端和后端的地址进行更改
    • 格式:如命令行显示192.168.202.13
    • 前端:http://192.168.202.13:port(后端的端口)
    • 后端:application.yml,修改address:192.168.202.13
  • 重新启动项目、重新调试即可

电脑连接wifi的IPV4:192.168.202.60

手机连接wifi的IPV4:192.168.202.13

电脑WIFI网卡IPV4:192.168.202.60

前端和后端的ip设置:设置为本机wifi网卡的IPV4

效果图:手机端192.168.202.13访问电脑的192.168.202.60:8099

相关推荐
河北清兮网络科技5 小时前
短剧 APP 产品说明
小程序·uni-app·短剧
递归尽头是星辰8 小时前
Spring Boot 配置排除失效深度解析:时序与机制核心
spring boot·自动配置·bean 加载·exclude失效·组件扫描
小锋java12349 小时前
SpringBoot 4 + Spring Security 7 + Vue3 前后端分离项目设计最佳实践
java·vue.js·spring boot
一 乐9 小时前
校园线上招聘|基于springboot + vue校园线上招聘系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·校园线上招聘系统
不懂的浪漫9 小时前
mqtt-plus 架构解析(四):MqttMessageInterceptor 的扩展点设计
java·spring boot·物联网·mqtt
宠友信息10 小时前
一套基于uniapp+springboot完整社区系统是如何实现的?友猫社区源码级功能解析
java·spring boot·后端·微服务·微信·uni-app
阿丰资源11 小时前
SpringBoot+MySQL+MyBatis-Plus+Vue前后端分离仓库管理系统 (附资料)
spring boot·mysql·mybatis
小信丶11 小时前
Spring Cloud Stream EnableBinding注解详解:定义、应用场景与示例代码
java·spring boot·后端·spring
s1mple“”11 小时前
互联网大厂Java面试实录:谢飞机的AIGC求职之旅 - JVM并发编程到Spring Cloud微服务
spring boot·aigc·微服务架构·java面试·分布式系统·rag技术·redis数据库
ffqws_11 小时前
Spring Boot入门:通过简单的注册功能串联Controller,Service,Mapper。(含有数据库建立,连接,及一些关键注解的讲解)
数据库·spring boot·后端