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

目录名	结构
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—开发的时候：

 情况二——上线的时候，需要在微信公众平台中配置  https://mp.weixin.qq.com/

 ①  首先，找到开发设置

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