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

 更新时间:2017年01月04日 10:56:11   投稿:lqh  
这篇文章主要介绍了微信小程序 解决请求服务器手机预览请求不到数据的方法的相关资料,配置https时,要使用443端口,就可以解决,需要的朋友可以参考下

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

微信小程序的文档中明确说明了所有的请求是必须使用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合法域名是否一致的操作,所以开发者工具就能请求的到,而且手机中有这一步操作的,所以手机不能成功请求。

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

相关文章

  • 微信小程序中顶部导航栏的实现代码

    微信小程序中顶部导航栏的实现代码

    这篇文章主要介绍了微信小程序中顶部导航栏的实现代码的相关资料,需要的朋友可以参考下
    2017-03-03
  • JS疑惑的数据类型及类型判断方法详解

    JS疑惑的数据类型及类型判断方法详解

    这篇文章主要为大家介绍了JS中疑惑的数据类型及类型判断方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 前端 JavaScript运行原理

    前端 JavaScript运行原理

    这篇文章主要介绍了前端 JavaScript运行原理,JavaScript引擎是一个计算机程序,它的主要作用是JavaScript运行时将源码编译为机器码。每个主流Web浏览器都有自己的JavaScript引擎,它通常由web浏览器供应商开发,接下来一起来看看文章的详细内容吧
    2021-10-10
  • JS面试题解['1', '7', '11'].map(parseInt) 输出

    JS面试题解['1', '7', '11'].map(p

    这篇文章主要为大家介绍了JS面试题解['1', '7', '11'].map(parseInt) 会输出什么内容详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • JS处理数据实现分页功能

    JS处理数据实现分页功能

    这篇文章介绍了JS处理数据实现分页功能的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01
  • 微信小程序 本地图片按照屏幕尺寸处理

    微信小程序 本地图片按照屏幕尺寸处理

    这篇文章主要介绍了微信小程序 本地图片按照屏幕尺寸处理的相关资料,这里提供具体实现步骤,需要的朋友可以参考下
    2017-08-08
  • 微信小程序 UI与容器组件总结

    微信小程序 UI与容器组件总结

    这篇文章主要介绍了微信小程序 UI与容器组件总结的相关资料,需要的朋友可以参考下
    2017-02-02
  • 微信小程序 (六)模块化详细介绍

    微信小程序 (六)模块化详细介绍

    这篇文章主要介绍了微信小程序模块化详细介绍的相关资料,需要的朋友可以参考下
    2016-09-09
  • 微信小程序 Nginx环境配置详细介绍

    微信小程序 Nginx环境配置详细介绍

    这篇文章主要介绍了微信小程序 Nginx环境配置详细介绍的相关资料,需要的朋友可以参考下
    2017-02-02
  • 微信小程序中setInterval的使用方法

    微信小程序中setInterval的使用方法

    这篇文章主要介绍了微信小程序中setInterval的使用方法的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
    2017-09-09

最新评论