2021-04-08

一、微信小程序请求实现方式

1. 小程序发起网络请求 需用到 wx.request(Object object)

wx.request({
  url: 'test.php', //仅为示例，并非真实的接口地址
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})

这时小程序会报错误

第一种情况
点击详情>点击本地设置

勾选不校验合法域名
第二种情况：
后期上线，需要提前将域名添加到小程序后台中（且协议必须是 https）
进入小程序官网

小程序的封装请求

作用：方便统一管理项目接口，便于项目后期维护与管理
首先创建http文件夹在http目录下面创建env.js

module.exports={
  prod:{
    baseUrl:"公共请求部分"
  },
}

第二步

const {baseUrl}=require('./nev').prod
module.exports = {
  request:function(url,method="GET",data={},custom=true){
    const pUrl = 'fzf';
      if(custom){
        url=`${baseUrl}/${pUrl}/${url}`
        wx.showLoading({
          title: '加载中...',
        })
      }else {
        url=`${baseUrl}/${url}`
      };
      // 公共域名 专属域名 业务接口地址
      return new Promise((resolve,reject)=>{
        wx.request({
          url,
          method,
          data,
          header:{
            'Content-type':'application/x-www-form-urlencoded'
          },
          // header:"application/x-www-form-urlencoded",
          success(res){
            if(res.data.code === 0){
              resolve(res.data.data)
            }
          },
          fail(error){
            reject(error)
          }
        })
      })
  }
}

第三步

const {request} = require('./request')
module.exports = {
  Banner:()=>{
    return request('请求地址','请求方式',{请求参数},是否有子域名)
  },
}