记录支付宝小程序开发的一些问题

支付宝小程序swiper组件问题：

在使用编译器时，如果电脑是带有显示屏触摸时通过鼠标在模拟器进行滑动是不可以的，如swiper组件的滑动。

---

支付宝小程序IDE（编译器）问题：

使用IDE时 编写的代码不能及时的更新模拟器，有时候需要重新打开项目才会完成编译，或者停止编译重新编译。

---

支付宝小程序组件使用：

当出现元素不存在，请检查代码时，确定是否在对应小程序页面下的json文件是否有引入。

---

支付宝小程序对接口的封装：

app.js

App({
  data: {
    // baseUrl: 'https://192.168.xxx.xxx:xxxx/'
  },
  get(url, data) {
    return new Promise((resolve, reject) => {
      const token = my.getStorageSync('token').data;
      let headers = {};
      if (token) {
        headers = {
          ...headers,
          ...{
            'Authorization': 'Bearer ' + token
          }
        }
      }
      my.request({
        url: this.data.baseUrl + url,
        data,
        method: 'GET',
        headers,
        timeout: 10000,
        success: res => {
          resolve(res)
        },
        fail: err => {
          reject(err)
        }
      });
    })
  },
  post(url, data) {
    return new Promise((resolve, reject) => {
      const token = my.getStorageSync({ key: 'token' }).data
      // 请求前修改请求数据
      let ret = ''
      for (let it in data) {
        ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
      }
      let headers = {
        'content-type': 'application/x-www-form-urlencoded',
      }
      if (token) {
        headers = {
          ...{
            'Authorization': 'Bearer ' + token
          },
          ...headers
        }
      }
      // 发请求
      my.request({
        url: this.data.baseUrl + url,
        data: ret,
        method: 'POST',
        headers: headers,
        timeout: 10000,
        success: res => {
          resolve(res)
        },
        fail: err => {
          reject(err)
        }
      });
    })
  }

});

index.js调用

async onPopupClose() {
    const rew = await app.post('xx/xx/xx/xx', { xx: xx })
  },

---