微信小程序请求本地接口获取数据并实现页面渲染(超详细)

1:  不校验合法域名

2:  查看我们本地ip地址

命令:    ipconfig

3: 后端也需要配置一下,这里是django框架开发的api接口

django的配置是在settings.py

ALLOWED_HOSTS = ['*']

启动服务python manage.py runserver 0.0.0.0:8000

这样就可以了,微信小程序直接请求ip地址就可以了

onLoad: function (options) {
    var _this = this
    wx.request({
      url: 'http://192.168.1.100:8888/classify/',
      // data: {},
      method: "POST",
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: function(res) {
        console.log(res.data)
        _this.setData({
          list: res.data
        })
      }
    })

ip地址会变的,如果有时候请求报错,首先检查自己ip地址

这里还有个坑,我自己也从坑里爬出来的

这里不能使用this.setData({})  会报错

我们需要在上面定义一个var _this = this

然后就解决了,

我们在data定义list:[]  空列表,把请求到的数据返回给list

这时候我们在直接循环list就不行了,这时我们应该是list.list,    list指定循环对象

这样才能有你想要数据,我们来看一下json结构

现在明白了吧

如果对你有用加下QQ群: 1102727334     共同学习