微信小程序开发工具能正常请求后台数据，手机预览请求失败

最新推荐文章于 2024-05-10 09:44:02 发布
最新推荐文章于 2024-05-10 09:44:02 发布
阅读量9.5k 收藏 7
点赞数 3
分类专栏： 异常问题总结 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23412263/article/details/117395003
版权

微信小程序 后台请求 预览失败 网络同步 本地设置
关键词由CSDN通过智能技术生成

微信小程序开发工具能正常请求后台数据，手机预览请求失败

问题描述

微信开发者工具调试完想用手机预览效果，结果发现凡是后台请求都失败。

原因分析

可能的原因有三个：

  1. 微信开发者工具详情里的本地设置，没有勾选上不校验合法域名等选项
  2. 手机的网络和电脑的网络不在同一网段
  3. 开发者工具用后台 ip 写成了 localhost

解决办法

针对上面的解决办法如下：

  1. 微信开发者工具-右侧详情-本地设置-勾选上不校验合法域名

在这里插入图片描述

  1. 是手机连接的网络和电脑一致，也就是连同一个 wifi，或者手机打开热点，电脑连接上这个热点

  2. 把后端请求链接的 ip 设置成电脑本机 ip，不要写成 localhost

艺俊
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
微信小程序开发工具
08-10
微信小程序开发工具是一款专为微信小程序开发者设计的强大平台，它集成了代码编辑、预览、调试和发布等一系列功能，使得开发者能够高效地构建和管理微信小程序应用。在本压缩包中，有两个主要文件：更新日志.txt 和 ...
微信小程序开发案例、微信小程序开发源码
02-22
在这个“微信小程序开发案例、微信小程序开发源码”的压缩包中，包含了100多个不同的小程序源码示例，这些都是学习微信小程序开发的宝贵资源。 首先，学习微信小程序，你需要了解它的基本架构。微信小程序基于...
微信小程序开发者工具上请求能成功，手机预览请求不到数据
sun1cong2的博客
05-18 3303
最近在研究微信小程序，拿出很早就注册了的账号。开发项目的过程发现，在开发工具上可以请求到服务器数据，但是预览的时候就请求不到。 后来发现，开发者工具上的配置： 把这一项勾选之后，开发的时候可以请求，默认不校验证书。但是预览的时候手机会进行验证。所以预览请求不到数据。 正确配置是，登录小程序平台，点击 “开发–》开发工具。”向下找到这个界面： 四个都填上你的https://服务器根地址，然后到开发者工具上把上面勾选的不校验的去掉，再次编译就可以正常预览了。 ...
解决微信小程序电脑能正常使用，手机端无法正常访问的SSL证书问题
cooldream2009的博客
05-08 1988
在移动应用开发中，微信小程序作为一种流行的移动应用形式，其稳定性和安全性对用户体验至关重要。然而，有时候我们可能会遇到手机端能搜索到小程序但无法正常使用的问题，而这种情况在电脑端却可以正常访问。这种差异性往往源自于SSL证书的问题，特别是缺少中间证书。
苹果手机真机调试微信小程序出现网络请求失败
最新发布
m0_65745337的博客
05-10 274
当我们用苹果真机调试微信小程序的时候，手机连接的网络正常，但是手机显示网络请求失败，通常我们进行如下的操作就可以解决问题：只要在设置-》隐私-》本地网络-》打开微信的这个权限，就可以正常调试使用了
全栈的自我修养 ———— 微信小程序开发电脑测试api请求正常，移动端请求异常！！
2401_82752568的博客
03-20 242
(注意需要一个域名和ssl证书、nginx服务器等。详细请看下面小编分享的网站)如图只要添加一个request请求然后写上自己的https:// 域名:端口 即可。关于如何http改https请看小编这篇文章，虽然是web的，但是都是一个道理！去小程序官网进行代理设置->
微信小程序 解决请求服务器手机预览请求不到数据的方法
08-31
主要介绍了微信小程序 解决请求服务器手机预览请求不到数据的方法的相关资料,配置https时，要使用443端口，就可以解决，需要的朋友可以参考下
小程序测试环境 预览模式 请求失败 或 白屏自定义组件内容不显示 踩坑经验
数组嵌套对象数组遍历方法
12-12 1100
小程序测试环境预览模式白屏或自定义组件内容不显示或接口请求失败 解决方案 问题简述：小程序开发过程中预览模式部分页面白屏或带有自定义组件的页面白屏，同时还可能导致请求接口失败，我的这个问题只在测试环境预览模式出现。正式环境的预览以及真机调试，以及电脑显示都一切正常。这个问题，真的闹心了很长一段时间，怀疑过组件怀疑过代码怀疑过环境就差怀疑人生了。。。。 我的最终解决方案： **第一步：**预览模式检...
微信小程序开发者工请求服务器能成功，手机预览请求不到数据
热门推荐
°还未来的博客
11-19 5万+
微信小程序的文档中明确说明了所有的请求是必须使用https的，以没用过https，由于小程序，不得不接触到https,研究了好长时间把tomcat配置好了https。然后用开发者工具测试是否能请求到数据，发现能获取到很开心。 后来是注册了小程序，在小程序后台也进行了设置，见下图 给项目加了APPID,准备进行手机预览的测试 这里说一下，在开发小程序时尽量把图片放到自己的服务器上，因为
微信开发者工具登录后无法预览和真机调试？无语解决
Mo_Rijiu的博客
01-12 3127
记录一次无语解决微信开发者工具登录后无法预览和真机调试的经历。
微信小程序模拟器正常但二维码预览网络请求失效或白屏一种解决办法
Silly_Master的博客
09-01 1319
在用hbulider使用uni-app开发时，运行到微信开发工具中的模拟器一切显示正常，手机扫二维码预览却发现网络请求失效，这可能是因为uni-app中的网络请求网址没有添加到微信小程序的request的合法域名中，添加上即可正常在手机上预览显示。如果未添加，可以去微信公众平台登录去小程序后台添加上，手机二维码预览的网络请求就正常了。
微信小程序点餐系统微信小程序开发实战
06-07
微信小程序点餐系统是当前移动互联网时代餐饮业中常见的技术应用，它利用微信小程序平台，为用户提供便捷的在线点餐服务。本项目实战教程将深入探讨如何开发这样一个系统，涵盖从设计、编码到上线的全过程。 一、...
微信小程序预览和真机调试调不通接口 开发调试却可以
@微你
04-28 1962
小程序 预览和真机调试调不通接口 打开调试却可以？ 原因：没有在微信开发后台配置域名 具体操作：打开https://mp.weixin.qq.com/ ，依次选择【开发管理】-【开发设置】-【服务器域名】-【修改】，将当前使用的域名添加到request合法域名中， 如图： ...
解决微信小程序手机端调试不能访问后台
高等游民の博客
03-22 7690
解决微信小程序手机端调试不能访问后台 问题 在微信开发者工具中能正常请求本地后台数据，但在手机预览中却请求不到。 解决办法 1、在微信开发者工具中设置：不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书 2、微信小程序开发者工具中，wx.request请求的地址不得使用localhost，而应改成本地服务器所在的电脑IP，查看本机IP地址的方法为：打开cmd...
微信小程序本地和真机调试可以获取后端数据，体验版和预览无法获取到数据
marendu的博客
05-12 5281
微信小程序本地和真机调试可以获取后端数据，体验版和预览无法获取到数据 这个问题，出现，大家肯定是用的http来访问的吧，其实这个是，当你在本地和真机调试的时候，是可以勾选不校验合法域名，所以这个时候http或者https都没什么区别， 当你在预览和发布体验版的时候，就属于默认校验合法域名了，所以你http直接属于不合法，请求直接被拦截，所以后台也看不到错误，如果想在这2种模式下访问到后端，只需要打开开发调试，就能不检验合法域名了， 点击右上角的胶囊，滑动一下选择开发调试即可 当你出现这个绿色按钮说明你打
微信小程序预览不可以，但真机调试可以
csdn姚宏波
07-24 5694
真机调试可以看到页面，但预览看不到页面 这基本是由于内容是由网络请求而来 如果是在开发者工具中查看，必须设置“不校验合法域名” 如果真机调试，则默认手机端也不校验合法域名 但是预览的话，手机默认是校验的，所以需要在手机扫描预览的二维码，打开小程序后，点击右上角的三个点，然后打开调试即可 ...
微信小程序页面手机预览无法加载显示，真机调试(及本地开发工具)显示正常
qq_41930094的博客
07-18 8776
问题描述: 微信开发者工具 *预览（二维码扫描）页面跳转不显示（控制台无报错日志） *真机调试正常显示 *本地工具打开正常显示 解决方法: 检查项目页面中是否使用第三方插件(如果有使用插件，则是否存在这个路径插件)，找到并检查其引用路径是否正确，若不确定也可以将其暂时注释，重新编译查看界面显示是否正常。 声明: 小程序的启动第一次编译是整个项目，如果你仔细观察可以看到界面具体编译到某个路径的页面， 所以如果其中某个页面的插件引入有问题或者说该插件未存在都会导致报错，本来按常理说，哪个页面有错误信息，只要不进
微信开发者工具地址合法域问题解决
weixin_46595440的博客
05-12 282
报错：不在以下request合法域名列表中 解决办法如下：
微信小程序手机预览(真机调试)请求不到数据
weixin_65044153的博客
12-14 4147
在内容中下拉找到服务器配置,将域名https://autodev.openspeech.cn配置到request合法域名中。例如墨迹天气api:https://autodev.openspeech.cn/csp/api/v2.1/weather。这样就可以在预览或真机调试中展示我们调用到的数据了.(1)对微信api获取不到数据的解决方法:例如对。中的getlocation(获取定位)来说,我们需要在app.json加上这以下代码即可。登入自己的小程序账号,找到开发管理。
使用微信开发者工具开发一个校园租赁平台
03-30
1. 首先，在微信开发者工具中创建一个新的小程序项目，并命名为“校园租赁平台”。 2. 接下来，在项目根目录下创建以下文件夹和文件： - pages文件夹：用于存放小程序的页面文件。 - utils文件夹：用于存放小程序的工具类文件。 - app.js文件：小程序的全局脚本文件。 - app.json文件：小程序的全局配置文件。 - project.config.json文件：微信开发者工具的项目配置文件。 3. 在app.json文件中配置小程序的页面路由和导航栏： ``` { "pages": [ "pages/index/index", "pages/login/login", "pages/register/register", "pages/user/user", "pages/rent/rent", "pages/lease/lease", "pages/detail/detail", "pages/message/message" ], "window": { "navigationBarTitleText": "校园租赁平台", "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black" } } ``` 4. 在app.js文件中添加小程序的全局变量和函数： ``` App({ globalData: { userInfo: null, token: '' }, onLaunch: function () { // 小程序启动时执行的函数 } }) ``` 5. 在utils文件夹下创建一个api.js文件，用于封装小程序的请求接口： ``` const baseUrl = 'http://localhost:3000/api/v1' const request = (url, method, data) => { return new Promise((resolve, reject) => { wx.request({ url: baseUrl + url, method: method || 'GET', data: data || {}, header: { 'content-type': 'application/json', 'Authorization': 'Bearer ' + getApp().globalData.token }, success: (res) => { if (res.statusCode === 200) { resolve(res.data) } else { reject(res) } }, fail: (err) => { reject(err) } }) }) } module.exports = { request } ``` 6. 在pages文件夹下创建小程序的各个页面文件，如index页面、login页面、register页面、user页面、rent页面、lease页面、detail页面和message页面。 7. 在各个页面文件中编写相应的页面结构和样式，并在需要的地方调用api.js文件中封装好的请求接口。 8. 在小程序的app.json文件中配置小程序的分包加载，以优化小程序的加载速度： ``` { "pages": [ "pages/index/index", "pages/login/login", "pages/register/register", "pages/user/user", "pages/rent/rent", "pages/lease/lease", "pages/detail/detail", "pages/message/message" ], "subpackages": [ { "root": "pages", "name": "package1", "pages": [ "index/index", "login/login", "register/register" ] }, { "root": "pages", "name": "package2", "pages": [ "user/user", "rent/rent", "lease/lease", "detail/detail", "message/message" ] } ], "window": { "navigationBarTitleText": "校园租赁平台", "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black" } } ``` 9. 最后，在微信开发者工具中预览并调试小程序，进行必要的优化和修改，直到小程序达到预期效果。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值