🚀
头像

默永


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

微信小程序 — 网络请求

2022-11-15 09:52:04 311 💗 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 请求,而是叫做发起网络数据请求

    目录导航