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
在这里插入图片描述

相关推荐

  1. 课程接口

    2024-02-09 06:30:02       29 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-09 06:30:02       14 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-09 06:30:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-09 06:30:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-09 06:30:02       18 阅读

热门阅读

  1. vue3——登录校验

    2024-02-09 06:30:02       27 阅读
  2. Vue-1

    2024-02-09 06:30:02       30 阅读
  3. 12.使用Promise封装Ajax

    2024-02-09 06:30:02       35 阅读
  4. 元素显示模式

    2024-02-09 06:30:02       28 阅读
  5. Kubernetes 是什么?

    2024-02-09 06:30:02       26 阅读
  6. 【Network Management】AUTOSAR架构下CanNm User Data详解

    2024-02-09 06:30:02       32 阅读