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


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 学习笔记 防止发生命名冲突
Jul 30 Javascript
jQuery 入门级学习笔记及源码
Jan 22 Javascript
namespace.js Javascript的命名空间库
Oct 11 Javascript
使用js 设置url参数
Jul 08 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
Nov 26 Javascript
jQuery图片轮播插件——前端开发必看
May 31 Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 Javascript
JS实现简单的浮动碰撞效果示例
Dec 28 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
react build 后打包发布总结
Aug 24 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 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-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
推荐25款php中非常有用的类库
2014/09/29 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
PHP中串行化用法示例
2016/11/16 PHP
onpropertypchange
2006/07/01 Javascript
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
jquery animate 动画效果使用说明
2009/11/04 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
jQuery实现二维码扫描功能
2017/01/09 Javascript
js中new一个对象的过程
2017/02/20 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
2017/05/05 jQuery
Vue单文件组件的如何使用方式介绍
2017/07/28 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
vue 录制视频并压缩视频文件的方法
2018/07/27 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
2019/05/16 Javascript
Vue3.0 响应式系统源码逐行分析讲解
2019/10/14 Javascript
微信小程序全选多选效果实现代码解析
2020/01/21 Javascript
Vue.js暴露方法给WebView的使用操作
2020/09/07 Javascript
JavaScript动态生成表格的示例
2020/11/02 Javascript
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
python实现画循环圆
2019/11/23 Python
python ftplib模块使用代码实例
2019/12/31 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
关于jupyter打开之后不能直接跳转到浏览器的解决方式
2020/04/13 Python
新加坡领先的时尚生活方式零售品牌:CHARLES & KEITH
2018/01/16 全球购物
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
Ibatis如何调用存储过程
2015/05/15 面试题
初中三好学生事迹材料
2014/01/13 职场文书
供货协议书范本
2014/04/22 职场文书
租房协议书范文
2014/08/20 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
2014年班级工作总结范文
2014/12/23 职场文书
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers