小程序中如何请求后端接口_产品动态_资讯中心

发布时间:2026-04-29 02:49:33

阅读量:6

在小程序中请求后端接口一般使用wx.request()方法，具体步骤如下：

在小程序的js文件中写入请求后端接口的代码，如：

wx.request({
  url: 'https://api.example.com/yourApi', // 后端接口地址
  method: 'GET', // 请求方法，可以是GET或POST等
  data: {
    key1: 'value1',
    key2: 'value2'
  },
  success: function (res) {
    console.log(res.data); // 成功获取后端接口数据后的处理代码
  },
  fail: function (error) {
    console.log(error); // 请求失败时的处理代码
  }
});

在小程序的app.json文件中配置域名白名单，确保小程序可以访问后端接口所在的域名。示例：

{
  "app.json": {
    "permission": {
      "scope.userLocation": {
        "desc": "你的位置信息将用于小程序位置展示"
      },
      "scope.address": {
        "desc": "你的通讯地址将用于小程序收货地址展示"
      },
      "scope.invoiceTitle": {
        "desc": "你的抬头将用于小程序发票"
      },
      "scope.record": {
        "desc": "你的语音记录将用于小程序语音识别"
      },
      "scope.writePhotosAlbum": {
        "desc": "你的图片信息将用于小程序相册展示"
      }
    },
    "networkTimeout": {
      "request": 10000,
      "downloadFile": 10000
    },
    "debug": false
  }
}