0
点赞
收藏
分享

微信扫一扫

微信小程序学习笔记——目录结构以及请求后台时的设置


目录名

结构

styles

存放公用样式

components

存放组件

lib

存放第三方库

utils

自己的帮助库

request

自己的接口帮助库

如何发送请求给后台

step1:用wx.request发送请求

//Page Object
Page({
  data: {
    //轮播图数据
    swiperList:[]
  },

  //options(Object) 页面开始加载就会触发
  onLoad: function(options) {
    //发送异步请求请求获取轮播图数据
    wx.request({
      url: 'https://api.zbztb.cn/api/public/v1/home/swiperdata',//接口地址
      data: {},//采纳数
      header: {'content-type':'application/json'},//请求头
      method: 'GET',//默认 get
      dataType: 'json',//默认json
      responseType: 'text',//返回数据的类型
      success: (result) => {
        
      },//成功调用
      fail: () => {},//失败调用
      complete: () => {}//成功或失败都会调用
    });
      
  },
  onReady: function() {
    
  },
  onShow: function() {
    
  },
  onHide: function() {

  },
  onUnload: function() {

  },
  onPullDownRefresh: function() {

  },
  onReachBottom: function() {

  },
  onShareAppMessage: function() {

  },
  onPageScroll: function() {

  },
  //item(index,pagePath,text)
  onTabItemTap:function(item) {

  }
});

step2 :无权限请求接口的解决办法

一.    检查是否有appid

微信小程序学习笔记——目录结构以及请求后台时的设置_微信公众平台

二.   是否将请求接口的域名加入到了小程序后台的白名单中

     情况1—开发的时候:

微信小程序学习笔记——目录结构以及请求后台时的设置_json_02

情况二——上线的时候,需要在微信公众平台中配置  微信公众平台

 ①  首先,找到开发设置

微信小程序学习笔记——目录结构以及请求后台时的设置_数据_03

  ② 然后,在服务器域名加入后台的接口域名

微信小程序学习笔记——目录结构以及请求后台时的设置_微信公众平台_04

举报

相关推荐

0 条评论