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


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 相关文章推荐
js中有关IE版本检测
Jan 04 Javascript
公共js在页面底部加载的注意事项介绍
Jul 18 Javascript
用javascript添加控件自定义属性解析
Nov 25 Javascript
js实现星星打分效果的方法
Jul 05 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
14 个折磨人的 JavaScript 面试题
Aug 08 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
bootstrapValidator 重新启用提交按钮的方法
Feb 20 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
Vue中的$set的使用实例代码
Oct 08 Javascript
vscode下的vue文件格式化问题
Nov 28 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
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
关于php循环跳出的问题
2013/07/01 PHP
php使用base64加密解密图片示例分享
2014/01/20 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
php实现粘贴截图并完成上传功能
2015/05/17 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
使用npm发布Node.JS程序包教程
2015/03/02 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
2016/09/23 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
Vue Router中应用中间件的方法
2020/08/06 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
[06:23]2014DOTA2西雅图国际邀请赛 小组赛7月12日TOPPLAY
2014/07/12 DOTA
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
用于统计项目中代码总行数的Python脚本分享
2015/04/21 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
2019/05/13 Python
python默认参数调用方法解析
2020/02/09 Python
使用SQLAlchemy操作数据库表过程解析
2020/06/10 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
使用html5 canvas 画时钟代码实例分享
2015/11/11 HTML / CSS
期终自我鉴定
2014/02/17 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
2014年纪委工作总结
2014/12/05 职场文书
幼师辞职信范文
2015/02/27 职场文书
2016小学新学期寄语
2015/12/04 职场文书
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL
详解JSON.parse和JSON.stringify用法
2022/02/18 Javascript