• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 微信小程序wx.request请求数据报错

微信小程序wx.request请求数据报错

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了微信小程序,wx.request,请求数据报错等相关知识,希望对您有所帮助

首先写一个后台的数据接口,地址是:http://localhost/weicms/index...

然后使用wx.request调用后台数据接口的地址

示例代码

wx.request({    url: 'http://localhost/weicms/index.php?s =/addon/Cms/Cms/getList',    data: {        x: '',        y: ''     },    header: {        'content-type': 'application/json'// 默认值     },    success (res) {         console.log(res.data)      }  })

运行代码,效果如下图:


5eec3caacae5a.jpg


从上图中看到页面一片空白,没有获取到数据,并且控制台报错(request 合法域名校验出错;http://localhost 不在以下 request 合法域名列表中)

为何出现这种错误?

打开wx.request网络请求的开发文档可以看到


5eec3ccd2722f.jpg

上面截图中红色框就是问题所在(小程序服务器域名配置中是不能使用IP地址跟localhost),示例代码中wx.request请求的url地址包含localhost,因此出错。

但是一般开发过程中都要先在本地开发调试。如果没法使用ip地址跟localhos,本地开发调试过程中如何获取数据呢,有没有办法在本地开发调试的时候屏蔽这个错误呢?

答案是有的。开发文档中指出了可以跳过域名校验,如下图:

具体在哪里开启不检验域名的选项呢?在微信开发者工具中,点击详情后,选中不检验合法域名,如下图所示:


5eec3d4e70aaa.jpg


此时,再次运行代码后,效果如下图:


5eec3db28ebbb.jpg


从上图看到数据已经成功获取到了,且控制也没有报错,只是提示:配置中关闭合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书检查



分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 手把手教你在微信小程序中使用canvas绘制天气折线图(附代码)
  • 微信小程序页面向下滚动时tab栏固定页面顶部实例讲解
  • uniapp实现微信小程序全局分享的示例代码
  • 浅析微信小程序中自定义组件的方法
  • 微信小程序发布新版本时自动提示用户更新的方法
  • 微信小程序wx.request使用POST请求时后端无法获取数据解决办法
  • 微信小程序如何获取到openid和session_key
  • PHP微信小程序解包过程实例详解
  • 微信小程序中的button按钮宽度设置无效怎么办
  • 微信小程序反编译提取源代码方法

相关文章

  • 2022-04-29CSS3怎么实现卡片翻转效果
  • 2022-04-29帝国CMS二次开发付款后才能查看内容
  • 2022-04-29HTML5中video标签如何使用
  • 2022-04-29浅谈小程序如何授权登录,获取信息和手机号
  • 2022-04-29最新PTCMS 14个采集规则
  • 2022-04-29帝国cms网站后台关键字自动同步TAG标签更新的方法
  • 2022-04-29Photoshop制作超酷的树藤装饰立体字教程
  • 2022-04-29node_modules中如何优雅的修改依赖库?方法介绍
  • 2022-04-29浅析Angular中HttpClientModule模块有什么用?怎么用?
  • 2022-04-29vue路由学习之区分$route和$router,看看它们的区别

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • PhotoShop CS6创建复古半调网纹立体3D文字设计教程
    • 在PHP中如何使用后期静态绑定
    • 宝塔linux面板之​一键安装ffmpeg命令
    • CDR凿刻效果的制作技巧
    • VUE项目地址去掉 # 号的方法
    • 【jquery】ajax 请求成功后新开窗口被拦截解决方法
    • DEDECMS如何设置搜索页热门搜索词
    • 浅谈Angular中elem.scope()、elem.isolateScope和$compile(elem)(scope)中scope的区别
    • 如何使用layui中的table模块中的基础参数
    • 分享Laravel整合Bootstrap4的完整方案

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有