微信小程序 — 网络请求

默永

人生就像骑单车，想保持平衡就得往前走。

微信小程序 — 网络请求

2022-11-15 09:52:04 303 💗 1 @默永

1. 小程序中网络请求的限制

出于安全性方面的考虑，小程序官方对数据接口的请求做出了两个限制

只能请求HTTPS类型的接口

必须将接口的域名添加到信任列表中

1.1 配置request合法域名

登录微信小程序管理后台 -> 开发 -> 开发设置 -> 服务器域名 -> 修改request合法域名

注：域名只支持https协议，域名必须经过ICP备案

2. 发起request网络请求

在测试项目中可以在设置里的 “不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书” 选项，就会跳过网络请求域名的校验

使用wx.request({});

getData(e) {
  wx.request({
    url: 'https://www.escook.cn/api/get', // 请求接口地址
    method: 'post', //请求方式
    data: {  //请求数据
      name: '默永',
      age: 20
    },
    success: () => { }, // 执行成功回调函数
    fail: () => { }, // 执行失败回调函数
    complete: () => { } //接口调用结束回调函数
  })
},

3. 关于跨域和axios的明说

跨域问题只存在基于浏览器的Wed开发中，由于小程序的宿主环境不是浏览器，而是微信客户端，所以小程序不存在跨域的问题

Ajax技术的核心是依赖与浏览器的XMLHttpRequest这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做 axios 请求，而是叫做发起网络数据请求

目录导航

打开“扫一扫”，打开网页后点击屏幕右上角分享按钮
或点击复制连接

2022-11-15 09:52:04 1个人觉得很赞

发表评论

评论列表

博主

删除

点击加载更多

快来参与评论

公告

昵称：默永

园龄：3年9天

注册时间：2021-11-15

当前在第：1页

总共：1条

搜索

精品文章 48小时阅读排行

优秀文章 7天获赞排行