【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题

这篇具有很好参考价值的文章主要介绍了【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题

前言

Hello!小伙伴!
非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
 
自我介绍 ଘ(੭ˊᵕˋ)੭
昵称:海轰
标签:程序猿|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过一些国奖、省奖…已保研。
学习经验:扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语!
 
小白阶段
文章仅作为自己的学习笔记 用于知识体系建立以及复习
知其然 知其所以然!

问题描述

场景:java后端 + 微信小程序

测试的时候,使用的是localhost:8080进行测试

 wx.request({
        url: 'http://localhost:8080/*******', //仅为示例,并非真实的接口地址
        method: "POST",
        timeout: 0,
        data: {
        },
        header: {
          "Content-Type": "application/json",
        },
        success(res) {
          console.log(res.data)
          } else {
            console.log(res.data.error)
          }
        },
        fail(res) {
          console.error(res);
        }
      })

在PC端可以正确访问后端接口,但是使用真机预览时无法访问到电脑端的数据

解决办法

步骤1

确保电脑和手机处于同一个局域网内

这里采用的是:手机开热点,电脑连接手机的热点

步骤2

查看ip地址

mac端方法如下:

【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题
【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题
【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题
【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题
【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题

步骤3

在小程序端修改localhost为刚刚的ip地址(以ip地址为1.2.3.4为例)

【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题

提示:

之前可以在浏览器中输入ip:8080测试一下

出现下面界面说明是成功的

【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题

步骤4

点击小程序开发工具中的预览,使用真机就可以进行预览,同时也可以访问到电脑端的后端接口了

结语

文章仅作为学习笔记,记录从0到1的一个过程

希望对您有一点点帮助,如有错误欢迎小伙伴指正

【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题文章来源地址https://www.toymoban.com/news/detail-490729.html

到了这里,关于【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序<open-data type=“userAvatarUrl“>真机无法获取头像问题/解决办法

    今天在做小程序的时候使用 open-data type=\\\"userAvatarUrl\\\" 标签发现在本地开发的时候可以获取本人的头像,但是在真机上就无法显示解决办法 我们要换一种思路去处理 使用官方提供的方法 官网文档链接 wxml js 效果 希望此文章能帮助到你

    2024年02月11日
    浏览(47)
  • 微信小程序开发者工具真机调试和预览连接本地服务器

    网上参考了很多方法只有这个方法能解决本地服务器在微信开发者工具预览或者真机调试的连接,话不多说看图。 win+R,CMD输入ipconfig查看本地电脑服务器地址 微信开发者工具里设置代理 js代码的地址对应IPv4 地址 最后你的wifi网络要和手机上的网络一致,不然真机调试或者预

    2024年02月11日
    浏览(42)
  • 微信小程序真机预览报错“errno“:600001,“errMsg“:“request:fail -202

    本地模拟测试无问题,上真机测试就报错“errno“:600001,“errMsg“:“request:fail -202 官方回答 通过 https://myssl.com/ 检测证书状态,该网站有缓存,如果有更换过证书记得手动点刷新报告 如果是证书链不完整,参照指引 https://blog.myssl.com/faq-miss-ca-certificate/ 解决即可 第二点觉得有

    2024年02月11日
    浏览(39)
  • 解决基于uniapp的微信小程序,在iOS端无法预览文件,提示文件已损坏问题

    微信小程序iOS端预览文件,显示无法预览此文件,文件已损坏。但是在Android端,小程序可以预览文件。 后端接口返回的是二进制文件流数据,首先调用uni.downloadFile()下载文件流数据,再调用uni.openDocument()预览文件。代码如下。 微信小程序 android端可以成功预览文件 此时,

    2024年02月05日
    浏览(51)
  • 解决微信小程序无法访问后台服务器问题

    小程序可以调用我们后台的接口前提就是我们要配置一个合法域名。且开头为https形式。 扫码登陆微信公众平台-开发-开发管理-开发设置  如果没有域名要么就买一个,或者通过内网穿透,获取一个https域名。内网穿透工具有很多,我这里以花生壳为例。 只需要注册完毕进入

    2024年02月12日
    浏览(34)
  • 【微信小程序】image真机无法加载网络图片

    目录 背景 为什么微信小程序  技术思路 前端页面 吐槽 最终解决 今天把车停在了路边,可能是挡住了行人的路,被贴了个条,还留了个纸条——没有你的随车电话,我只能点电话举报你了。气的我牙痒痒! 只能回来自己撸一个挪车电话小工具!这样通过扫描二维码拨打电话

    2024年02月09日
    浏览(71)
  • 微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出

    使用 HbuilderX 开发微信小程序,在调试的过程中,使用了 debug 以及 console.log ,在 H5 中输出测试都是可以的,但是运行到微信开发者工具之后, console.log 无法生效,在查阅相关解决办法之后,都没有解决 在此之前有尝试过一些解决方案,如清除缓存 … 但是这个解决方案,并没有生效 因为

    2024年02月11日
    浏览(38)
  • 微信小程序真机调试请求失败的解决

    微信小程序在电脑上一切正常,请求成功,但是在真机调试上请求失败,报错,是因为电脑和手机内网ip不同的问题 把请求地址改为本机局域网ip地址,手机和电脑连同一个局域网,就不会报错了 如果手机上还是获取不到数据,那就需要把电脑的防火墙关闭,这样就可以了

    2024年02月11日
    浏览(35)
  • 微信小程序 - 完美去除 <scroll-view> 滚动条,保证 100% 去掉隐藏苹果 ios 系统、安卓滚动条(解决 ios 苹果真机scroll-view无法隐藏滚动条)详细示例代码,保证可用

    关于微信小程序去掉 scroll-view 滚动条的教程中,全都是只能去掉安卓系统手机滚动条,而苹果手机则无法去掉。 本文 实现了在微信小程序中,强力去除 scroll-view 组件滚动条,保证去除苹果ios系统和安卓手机的滚动条, 您可以自由的将本文的去除代码应用到 “局部 / 全局”

    2024年02月11日
    浏览(37)
  • 微信小程序真机不显示图片【三个解决方案】

    今天网友在开发小程序中遇见一个很奇怪的问题,就是编辑器编译后可以正常显示项目图片,但是当真机预览时却不显示图片。针对这个问题经过对比、尝试算是找到了问题的原因。下面将最近真机不显示的情况进行一下汇总: 1.本地图片文件名称中包含中文: 像上面图片,

    2024年02月12日
    浏览(75)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包