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

相关推荐
考虑考虑3 分钟前
Jpa中的@ManyToMany实现增删
spring boot·后端·spring
耶啵奶膘15 分钟前
uniapp+vue2解构赋值和直接赋值的优缺点
uni-app
你不是我我32 分钟前
【Java开发日记】说一说 SpringBoot 中 CommandLineRunner
java·开发语言·spring boot
yuan1999732 分钟前
Spring Boot 启动流程及配置类解析原理
java·spring boot·后端
楚歌again1 小时前
【如何在IntelliJ IDEA中新建Spring Boot项目(基于JDK 21 + Maven)】
java·spring boot·intellij-idea
疯狂的沙粒1 小时前
uni-app 项目支持 vue 3.0 详解及版本升级方案?
前端·vue.js·uni-app
Jiaberrr1 小时前
uniapp Vue2 获取电量的独家方法:绕过官方插件限制
前端·javascript·uni-app·plus·电量
^Rocky2 小时前
uniapp 对接腾讯云IM群公告功能
uni-app·腾讯云
段旭涛2 小时前
uniapp 设置手机不息屏
前端·uni-app
crud3 小时前
Spring Boot 使用 spring-boot-starter-validation 实现优雅的参数校验,一文讲透!
java·spring boot