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

相关推荐
初次攀爬者2 小时前
RocketMQ在Spring Boot上的基础使用
java·spring boot·rocketmq
花花无缺2 小时前
搞懂@Autowired 与@Resuorce
java·spring boot·后端
Mr_li2 小时前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
Derek_Smart3 小时前
从一次 OOM 事故说起:打造生产级的 JVM 健康检查组件
java·jvm·spring boot
anyup4 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Nyarlathotep01139 小时前
SpringBoot Starter的用法以及原理
java·spring boot
Mintopia1 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia1 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
dkbnull1 天前
深入理解Spring两大特性:IoC和AOP
spring boot
洋洋技术笔记1 天前
Spring Boot条件注解详解
java·spring boot