微信小程序 解决请求服务器手机预览请求不到数据的方法


Posted in Javascript onJanuary 04, 2017

微信小程序 解决请求服务器手机预览请求不到数据的方法

微信小程序的文档中明确说明了所有的请求是必须使用https的,以没用过https,由于小程序,不得不接触到https,研究了好长时间把tomcat配置好了https。然后用开发者工具测试是否能请求到数据,发现能获取到很开心。

后来是注册了小程序,在小程序后台也进行了设置,见下图

微信小程序 解决请求服务器手机预览请求不到数据的方法

给项目加了APPID,准备进行手机预览的测试

微信小程序 解决请求服务器手机预览请求不到数据的方法

这里说一下,在开发小程序时尽量把图片放到自己的服务器上,因为小程序在上传和预览时都有编译包的限制,没有算过,大概是1M,不知道以后会不会增加

点预览会生成一个二维码,通过微信扫描二维就可以这个小程序了,进去之后准备请求数据的测试,发现手机上预览的小程序不发起请求,这是什么原因呢,开发者工具里是可以请求到的啊,为什么到手机上不行了呢。

请求的域名都是跟后台设置的一样,确认了好几遍,后来想到是不是tomcat配置的证书不正确,因为我也是第一次配置和使用HTTPS,后来就研究了两天tomcat配置https,每次都是开发者工具能请求到,手机预览请求不到,后来觉得应该不是tomcat配置的问题。但又不知道什么原因,就进小程序QQ群里请求帮助,最终得到了提示,发现了问题所以。

问题的解决方法:

由于微信后台设置安全域名时,不可以添加域名,见下图(图中说出不支持IP地址及端口号)

微信小程序 解决请求服务器手机预览请求不到数据的方法

而当时我配置tomcat的https时,我用的是默认的8443,这样在请求时是需要在域名后面加上:8443端口号的。这就导致了一个问题,微信小程序后台没有加端口号,我在写请求地址时加了端口号8443(因为tomcat设置https时用的8443端口号),这样两个地方的域名是不一致的,就出现了请求域名不一致的错误,出现了手机预览不发送请求的问题。

解决方法是在配置https时,要使用443端口,因为使用443端口,在写域名时是可以省略的。就像80端口可以不写一样

为什么域名不一致开发者工具就能请求到数据呢,应该是因为开发者工具没有验证请求的域名和微信小程序设置的rquest合法域名是否一致的操作,所以开发者工具就能请求的到,而且手机中有这一步操作的,所以手机不能成功请求。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
url 特殊字符 传递参数解决方法
Jan 01 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
Dec 22 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
Jul 15 Javascript
自己用jQuery写了一个图片的马赛克消失效果
May 04 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
bootstrap网页框架的使用方法
May 10 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
require.js配合插件text.js实现最简单的单页应用程序
Jul 12 Javascript
jQuery简单创建节点的方法
Sep 09 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
通过sails和阿里大于实现短信验证
Jan 04 #Javascript
jQuery实现手机上输入后隐藏键盘功能
Jan 04 #Javascript
AngularJS控制器controller给模型数据赋初始值的方法
Jan 04 #Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
Jan 04 #Javascript
微信小程序 石头剪刀布实例代码
Jan 04 #Javascript
使用JavaScript为一张图片设置备选路径的方法
Jan 04 #Javascript
微信小程序 Canvas增强组件实例详解及源码分享
Jan 04 #Javascript
You might like
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
PHP下打开phpMyAdmin出现403错误的问题解决方法
2013/05/23 PHP
php实现两个数组相加的方法
2015/02/17 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
php递归函数怎么用才有效
2018/02/24 PHP
PHP中如何使用Redis接管文件存储Session详解
2018/11/28 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
js类型检查实现代码
2010/10/29 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
Node.js 日志处理模块log4js
2016/08/28 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
vue2.0+vue-dplayer实现hls播放的示例
2018/03/02 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
[07:06]2018DOTA2国际邀请赛寻真——卫冕冠军Team Liquid
2018/08/10 DOTA
Python函数学习笔记
2008/10/07 Python
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
Python列表(List)知识点总结
2019/02/18 Python
Python3日期与时间戳转换的几种方法详解
2019/06/04 Python
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
英语国培研修感言
2014/02/13 职场文书
家属慰问信
2015/02/14 职场文书
鸡毛信观后感
2015/06/11 职场文书
关于环保的宣传稿
2015/07/23 职场文书
2015年卫生局工作总结
2015/07/24 职场文书
高中语文教学反思范文
2016/02/16 职场文书
Nginx流量拷贝ngx_http_mirror_module模块使用方法详解
2022/04/07 Servers
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server