本地开发调试小程序时,用手机预览需要有如下设置:
1、微信开发者工具中设置:不校验安全域名、web-view 域名、TLS 版本以及 HTTPS 证书。这样在有网络请求的时候,就可以访问本地的服务器了,因为本地开发调试一般都是IP+端口的访问地址。
2、手机和电脑(本地服务器)应该配置为同一局域网段。
3、手机扫码进入小程序后,应该打开调试模式才能请求到网络数据。
4、有时候发现以上要求都满足后,还是无法请求到数据,可能原因是你的电脑的防火墙屏蔽了你的请求,这时候关闭防火墙就可以了。
---------------------
以上内容作者:完蛋闹
来源:CSDN
原文:https://blog.csdn.net/tangletao/article/details/79192655?utm_source=copy
版权声明:本文为博主原创文章,转载请附上博文链接!

5、说说我遇到的坑

首先记住一点: 当调试工具有数据时,而手机没有数据这种情况发生时, 可以把接口地址直接用微信打开看看,(所有的手机都)能请求到数据就是代码的问题,请求不到数据就是地址或者网络的问题。

为什么要强调所有的手机都能请求到数据呢,我遇到的情况比较奇特

接口已经放到外网服务器上,https域名下,手机调试也开了(以上4条都做过了),调试工具上没任何问题,在我的华为手机上预览也没有任何问题

然而前端帮我调样式的时候发现: 除了我之外其他所有人的手机预览(或体验版)时都没有数据。

网上的方法都试了,依然一脸懵逼,冷静一夜,第二天清醒后

用微信直接打开接口地址,我的手机可以请求到数据,其他人直接找不到页面或者地址解析错误(当时我们所有人都连着公司的无线网:内网),只能怀疑是地址或者网络的问题了,因为代码设置检查了N遍没问题。

于是尝试其他人关掉wifi再请求接口,OK, 有数据,尝试手机预览小程序,OK, 一切正常。

(此问题应该与上面的第二条相同,应保持手机和服务器都在同一网络:外网,但是我手机在内网就可以,还是有点不明所以)!

微信小程序手机预览请求不到数据(最后一条不明所以)的更多相关文章

  1. TODO:小程序手机预览调试

    TODO:小程序手机预览调试 1. 小程序注册,目前还未开通个人注册,主体类型为企业.政府.媒体.其他组织 2. 登录小程序,绑定开发者,获取AppID 3. 下载微信小程序示例-新片预告 https ...

  2. 微信小程序,预览在开发工具上显示正常,手机预览二维码报request->fail错误,打开手机的调试功能又正常。

    这里错误很明显是属于网址错误,开发工具和手机调试都能走request->success: 唯独常规模式下无法显示. 最开始调试过很多方法,没找出原因.最后到小程序开发设置才发现,自己未配置服务器 ...

  3. 微信小程序H5预览页面框架(二维码不隐藏)

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  4. 微信小程序H5预览页面框架

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  5. 微信小程序-图片预览

    仅供参考: 1,wxml: <view class="foot" bindtap="previewImage">我的小程序码</view> ...

  6. 微信小程序request(ajax)接口请求封装

    微信小程序request(ajax)接口请求封装 最近在进行小程序的编写,需要调用后端接口,经常要用到wx.request方法,所以就自己封装了一下,简化一下代码,如果能给大家提供帮助更好,在封装的时 ...

  7. 微信小程序开发:学习笔记[9]——本地数据缓存

    微信小程序开发:学习笔记[9]——本地数据缓存 快速开始 说明 本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在 ...

  8. 微信小程序之封装http请求

    下面将封装http请求服务部分的服务以及引用部分 // 本服务用于封装请求 // 返回的是一个promisepromise var sendRrquest = function (url, metho ...

  9. 微信小程序开发(request请求后台获取不到data)

    1微信的request的post请求后台获取不到data(当初这个问题纠结了好久好久),原因是post传递的data是json格式而不是key,value的格式,所以获取不到相应的data就是post ...

随机推荐

  1. (摘)Entity Framework Core 2.1带来更好的SQL语句生成方案

    微软发布了Entity Framework Core2.1,为EF开发者带来了很多期待已久的特性.EF Core 2.1增加了对SQL GROUP BY的支持,支持延迟加载和数据种子等. EF Cor ...

  2. 我的AI之路

    本篇文章会列出在学习AI的路上所读的一些书籍或者其他一些相关内容,主要是用来监督自己,希望自己能够在AI学习上坚持下去. <机器学习 - 周志华> 绪论本章以西瓜为例子,简单的介绍了机器学 ...

  3. 设计模式之解释器模式——Java语言描述

    解释器模式提供了评估语言的语法或表达式的方式,它属于行为型模式.这种模式实现了一个表达式接口,该接口解释一个特定的上下文.这种模式被用在SQL解析.符号处理引擎等 介绍 意图 给定一个语言,定义它的文 ...

  4. Java几种常见的设计模式

    --------------------- 本文来自 旭日Follow_24 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/xuri24/article/detail ...

  5. js 常用

    js设置 div高度和宽度 function autoHeight() { var h = $(window).height(); var w = $(window).width(); $(" ...

  6. jQuery 父iframe与子iframe 相互调用传值

    来自:https://blog.csdn.net/wd4871/article/details/50517597 侵删 父页面中的iframe :如下 <iframe name="su ...

  7. Mysql基本操作指令集锦

    一.MySQL服务的启动.停止与卸载 在 Windows 命令提示符下运行: 启动: net start MySQL 停止: net stop MySQL 卸载: sc delete MySQL 二. ...

  8. Xamarin 学习笔记 - Layout(布局)

    本文翻译自CodeProject文章:https://www.codeproject.com/Articles/1227733/Xamarin-Notes-Xamarin-Forms-Layouts ...

  9. Linux查看分区文件系统类型总结

    在Linux 中如何查看分区的文件系统类型,下面总结几种查看分区文件系统类型的方法. 1: df -T 命令查看 这个是最简单的命令,文件系统类型在Type列输出.只可以查看已经挂载的分区和文件系统类 ...

  10. AngularJS学习之旅—AngularJS Table(十一)

    1.AngularJS 表格 1. ng-repeat 指令可以完美的显示表格 AngularJS 实例 <!DOCTYPE html> <html> <head> ...