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 小时前
spring boot启动报错:so that it conforms to the canonical names requirements
java·spring boot·后端
weixin_586062023 小时前
Spring Boot 入门指南
java·spring boot·后端
雷袭月启3 小时前
SpringBoot实现OAuth客户端
spring boot·oauth客户端
贰叁!5 小时前
uniapp输入车牌号组件
uni-app
她似晚风般温柔7897 小时前
Uniapp + Vue3 + Vite +Uview + Pinia 分商家实现购物车功能(最新附源码保姆级)
开发语言·javascript·uni-app
IT毕设梦工厂8 小时前
计算机毕业设计选题推荐-在线拍卖系统-Java/Python项目实战
java·spring boot·python·django·毕业设计·源码·课程设计
Jiaberrr8 小时前
前端实战:使用JS和Canvas实现运算图形验证码(uniapp、微信小程序同样可用)
前端·javascript·vue.js·微信小程序·uni-app
是梦终空9 小时前
JAVA毕业设计176—基于Java+Springboot+vue3的交通旅游订票管理系统(源代码+数据库)
java·spring boot·vue·毕业设计·课程设计·源代码·交通订票
工业互联网专业10 小时前
毕业设计选题:基于springboot+vue+uniapp的驾校报名小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
无名指的等待71211 小时前
SpringBoot中使用ElasticSearch
java·spring boot·后端