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

相关推荐
万亿少女的梦16813 小时前
基于Python的高考志愿填报辅助系统设计与实现
java·spring boot·python·mysql·vue
万亿少女的梦16813 小时前
基于SpringBoot与Vue的历史博物馆展品展示与游客管理系统设计
spring boot·mysql·vue·系统设计·博物馆管理系统
CHB14 小时前
uni-app x 蒸汽模式 iOS版 性能测试基准报告 Benchmark
ios·uni-app·swiftui
衍生星球14 小时前
SpringBoot3 + Vue3 + 微信小程序如何学习,以及学哪些技术,组件
sql·微信小程序·uni-app·vue·springboot
cfm_291416 小时前
SpringBoot MockMvc
spring boot·后端·log4j
北极星日淘19 小时前
实时汇率结算系统开发|SpringBoot+Redis实现无差价跨境计费解决方案
spring boot·后端·bootstrap
豆瓣鸡19 小时前
封装 API 请求日志切面——从注解定义到 Starter 自动装配
java·开发语言·spring boot
正儿八经的少年1 天前
Spring Boot
java·spring boot·后端
豆瓣鸡1 天前
封装 Jackson 配置 Starter:统一解决 LocalDateTime 请求解析和响应格式化问题
java·spring boot
宠友信息1 天前
资源权限与钱包流水在即时通讯源码后端架构中的设计
java·spring boot·redis·websocket·缓存