uni-app（微信小程序）关于真机预览无法成功发起request请求的问题

最新推荐文章于 2024-05-08 14:49:28 发布
最新推荐文章于 2024-05-08 14:49:28 发布
阅读量5.9k 收藏 6
点赞数 6
分类专栏： uni-app 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48400562/article/details/108529707
版权

uni-app（微信小程序）关于真机预览无法成功发起request请求的问题

不知道朋友们在开发小程序是有没有这样的问题，本地开发在微信开发者工具调试一切都没问题，真机预览也是没问题的，如果真机预览打开小程序右上角三个点打开调试工具，也是正常的，但唯独关闭微信调试的真机预览就不能成功发起request请求呢？
我最近换了份工作，之前做的后端开发，目前工作以小程序为主，碰到了这个问题，和大家分享一下

开始解答

刚开始我也是一头雾水，在网上查了很多资料，基本上回答都是千篇一律
1、配置小程序服务器合法域名
link
2、开启开发工具的不检验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书
link

在这里， 奉劝大家，不用再查了 ，查了也是做无用功，原因如下图

在这里插入图片描述
所以呢，只要 本地测试没问题，直接跟你的老板或者老大说上线就好了

嘘~~~~
关注
  • 6
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
【uni-app】只支持在微信小程序运行的 导入外部3d模型
09-29
3. **加载模型**：在uni-app中，利用微信小程序提供的API，例如通过`wx.request()`加载模型文件，然后使用小程序的渲染能力进行展示。对于glTF模型，可以找到适合微信小程序的解析库，如glTFLoader。 4. **布局与...
uni-app小程序简单聊天.rar
12-15
uni-app是一个使用Vue.js开发所有前端应用的框架，它支持多端输出，包括微信小程序、支付宝小程序、百度智能小程序、QQ小程序、H5以及App等。这个压缩包中的内容主要是为了帮助开发者快速理解和实现一个基础的聊天...
（保姆级解决方案）微信小程序【真机预览】无法向服务器发送请求（实测有效）
weixin_44581524的博客
01-04 4222
微信小程序真机预览时，在正确配置了request合法域名后，仍然可能出现访问不到服务器的情况，本文提供了实测有效的解决方案
微信小程序模拟器正常但二维码预览网络请求失效或白屏一种解决办法
Silly_Master的博客
09-01 1268
在用hbulider使用uni-app开发时，运行到微信开发工具中的模拟器一切显示正常，手机扫二维码预览却发现网络请求失效，这可能是因为uni-app中的网络请求网址没有添加到微信小程序的request的合法域名中，添加上即可正常在手机上预览显示。如果未添加，可以去微信公众平台登录去小程序后台添加上，手机二维码预览的网络请求就正常了。
uniapp的uni.request请求在浏览器H5和微信小程序都可以发送请求，真机和基座发送请求无效，解决方案
最新发布
weixin_42333548的博客
05-08 470
请求的时候会有各种各样的报错，比如下面等等，主要是 "errMsg":"request:fail abort statusCode:-1 看这个报错。但是我们并没有配置app的跨域问题，所以请求的时候把地址写全了，app端不要这个proxy就行了，下面针对h5和app做个兼容。2. 请求封装的地方, h5及其他baseURL是接口前缀，如果是app，把baseURL配置成接口全地址就行。4. 接口定义的地方还是正常用请求地址就行，比如api/user/info, 到3的app的请求url就是。
微信小程序真机调试网络请求失败或超时的问题
m0_63548381的博客
11-20 4159
在使用uniapp开发微信小程序时，开发者工具的模拟器可以正常请求。但是当使用真机调试时会发现，请求已发起，但是控制台一片空白。手足无措之时，将手机网络切换成电脑相同的wifi,重新运行，竟然可以了。然而这个服务器的IP和手机并不在局域网里面，所以请求被拦截了。问题就出在请求URL上面，我使用了IP类型的URL。显然，只有手机和电脑处于局域网才能顺利请求。然后又让手机连接电脑开的热点，也顺利请求。网上搜了半天，没发现相同的问题。过了一会儿就会报错，请求超时。
uniapp 打包的h5请求接口 http status 0 request:fail
weixin_40918145的博客
06-13 4315
XMLHttpRequest 的状态从 0 到 4 发生变化0: 请求未初始化1: 服务器连接已建立2: 请求已接收　　3: 请求处理中　　4: 请求已完成，且响应已就绪这里status为0，有下列几种状况(1). url不存在ajax(2). url不可到达数据库(3). 发送了跨域请求json(4). 数据格式出错跨域(5). ajax在调用以前，就已经取消了。也就是说根本没有调用这个ajax请求。1、思路分析参考该文章【已解决】IOS 端 H5 应用无法发起请求，请求状态码为0，错误描述为reques
微信小程序真机https请求失败？报错 “errno“:600001,“errMsg“:“request:fail -200:net::ERR_CERT_COMMON_NAME_INVALID
布克吉的博客
10-22 1万+
输入域名端口获取证书链，将文本内容复制到chain.crt结尾的文件中替换其内容，重启服务器，使。由上图可见，证书级别为B，提示证书链不完整。输入域名和端口，显示如下信息。，开发管理->服务器域名。
【小程序开发填坑记】 之 解决小程序真机调试时报错 request:fail -102:net::ERR_CONNECTION_REFUSED
lhys666的博客
05-18 2万+
解决小程序真机调试时报错request:fail -102:net::ERR_CONNECTION_REFUSED创作背景问题再现1. 后台接收不到 POST 请求问题代码解决思路解决方案2. 域名检查问题代码解决思路结果展示结尾 创作背景 本菜鸡最近想开发个 微信小程序 ，说不定能参加个什么比赛，拿个奖之类的（虽然不太可能） 但很不巧，因为从未开发过微信小程序，所以各种 bug 蜂拥而至，妄图将我击退 可我不甘示弱，顽强的坚持到了现在 写下这篇文章以帮助自己及各位解决问题 问题再现 本菜鸡使用的是
uni-app-微信小程序-预览报错
y2964的博客
11-02 799
（ngrokcc是一个反向代理，使得你本地的服务器可以被局域网外的公网访问到ngork的服务端和客户端）最后把下图配置文件的 host 修改为上图 ngrokcc 代理的地址。host 在为127.0.0.1 的情况下预览失败，无法加载数据。输入隧道id后，按下回车键，显示如下图所示，代理成功。首先打开config.js 配置文件，查看host。解决办法：使用 ngrokcc。在隔开两字后面输入你的隧道id。
使用uni-app开发微信小程序的实现
01-03
9月份，开始开发微信小程序，也曾调研过wepy/mpvue，考虑到后期跨端的需求，最终选择使用了uni-app，本文主要介绍如何使用uni-app搭建小程序项目，以及自己对框架的补充，包括封装request接口，引用color-ui,动态...
微信小程序-uni-app实现案例.zip
10-27
【微信小程序与uni-app概述】 微信小程序是一种轻量级的应用开发平台，由腾讯于2017年推出，旨在提供一种无需安装即可使用的应用体验，它具有流畅的性能和便捷的分享功能，使得用户能够在微信生态系统内快速访问和...
基于vue+uni-app开发“高清壁纸”微信小程序案例.zip
10-27
在本项目中，我们主要探讨的是如何利用Vue.js框架与uni-app工具来开发一款名为“高清壁纸”的微信小程序。uni-app是一个多端开发框架，它允许开发者使用一套代码实现跨平台应用开发，包括微信小程序、H5、Android、...
uni-app运行到微信小程序发起请求失败
atu1111的博客
07-24 6986
uni-app运行到微信小程序发起请求异常  &emsp:1）本地开发，uni-app运行到微信小程序如果出现请求发不出，先到右上角详情，找到本地设置，勾选不校验合法域名。如果还发现请求发不出来，看第二步。   2）先看下本地uni-app请求代码： <template> <view> <button type="primary" size="mini" @click="clickButton">get请求</button> <vie
uniapp开发微信小程序解决上线：审核问题“包含明文的AppSecret，存在泄漏的安全风险“以及上线之后接口请求失败
前端菜鸟好先森的博客
02-21 2018
uniapp开发微信小程序解决上线：审核问题“包含明文的AppSecret，存在泄漏的安全风险“以及上线之后接口请求失败
微信小程序开发，切换为本地运行的后台地址时无法请求接口
Heixiu6的博客
10-13 1223
uni-app微信小程序开发，切换为本地运行的后台地址时无法请求接口,设置不较验请求地址
uniapp转微信小程序使用真机调试后台接口请求不到
qq_43894292的博客
09-21 5842
uniapp
微信小程序-体验版(预览)接口请求失败/超时
热门推荐
清浅就是我的博客
09-10 2万+
错误可能示例（图示是我遇到的情况）： 1. 接口根本没有调用 2. 接口调用超时，没有数据。 报错原因： 1. 本地设置没有勾选【不校验合法域名】。在开发过程中，可能还没有配置域名，用的是测试服务器ip，此时我们为了顺利调通接口，建议勾选【不校验合法域名】。如图所示： 2. 如果是上传了一个体验版本，但是扫码体验版二维码，结果接口也不通。这个时候，其实也是因为域名的原因。这个时候需要我们去【微信公众平台】去配置合法域名。 PS: 这个域名配置完成后，可能不会立即生效！..
uniapp云开发unicloud开发微信小程序，打包体验版，登录模块云函数报request:fail url not in domain list的解决方案
be_stuck_up的博客
04-30 1061
uniapp云开发unicloud开发微信小程序，打包体验版访问时，登录模块中云函数报request:fail url not in domain list
uni-app微信小程序登录开发
04-04
1. 开发准备 在开始开发前，需要先进行一些准备工作： - 安装uni-app的开发环境，详见uni-app官方文档； - 创建一个微信小程序开发者账号，获取小程序的AppID； - 在小程序管理后台中，开启“获取用户信息”权限和“登录”权限。 2. 登录流程 在uni-app中，可以使用uni.login()方法进行微信登录。该方法返回一个promise对象，表示登录是否成功。在登录成功后，可以使用uni.getUserInfo()方法获取用户信息。 具体的登录流程如下： - 调用uni.login()方法进行微信登录，并获取到code值； - 将code值发送到后端服务器，后端服务器根据code值获取到用户的openid和session_key； - 将openid和session_key存储到本地storage中，用于后续的用户认证； - 根据获取到的用户openid，可以将用户与后端系统中的用户进行关联。 3. 获取用户信息 在登录成功后，可以使用uni.getUserInfo()方法获取用户信息。该方法返回一个promise对象，表示获取用户信息是否成功。在获取成功后，可以将用户信息展示到页面上，或者将用户信息发送到后端服务器。 具体的获取用户信息流程如下： - 调用uni.getUserInfo()方法获取用户信息； - 将获取到的用户信息展示到页面上，或者将用户信息发送到后端服务器。 4. 完整代码示例 下面是一个完整的uni-app微信小程序登录开发示例代码： ``` <template> <view class="container"> <view class="userinfo"> <button @tap="login" v-if="!hasUserInfo">微信登录</button> <image :src="userInfo.avatarUrl" v-if="hasUserInfo" /> <text>{{userInfo.nickName}}</text> </view> </view> </template> <script> export default { data() { return { userInfo: {}, hasUserInfo: false } }, methods: { login() { uni.login({ success: res => { if (res.code) { // 将code发送到后端服务器 uni.request({ url: 'https://example.com/login', data: { code: res.code }, success: res => { // 将openid和session_key存储到本地storage uni.setStorageSync('openid', res.data.openid) uni.setStorageSync('session_key', res.data.session_key) } }) } else { console.log('登录失败：' + res.errMsg) } } }) }, getUserInfo() { uni.getUserInfo({ success: res => { this.userInfo = res.userInfo this.hasUserInfo = true // 将用户信息发送到后端服务器 uni.request({ url: 'https://example.com/userInfo', data: { openid: uni.getStorageSync('openid'), userInfo: res.userInfo } }) } }) } } } </script> <style> .container { display: flex; justify-content: center; align-items: center; height: 100vh; } .userinfo { display: flex; flex-direction: column; align-items: center; } </style> ``` 在上面的代码中，当用户点击“微信登录”按钮时，会调用login()方法进行微信登录，并将获取到的openid和session_key存储到本地storage中。当用户点击“获取用户信息”按钮时，会调用getUserInfo()方法获取用户信息，并将用户信息发送到后端服务器。在页面上，会根据hasUserInfo变量的值来决定是否展示用户信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值