技術標籤：小程式小程式前端

小程式請求封裝

小程式本身自己帶有網路請求的方法(wx.request)，相關使用方法可以在微信開1.放文件檢視。關於小程式的請求方法的封裝也有很多，以下只是我的寫法，僅供參考。

1. config.js檔案

module.exports = {
  // 請求域名 格式： https://您的域名 
  HTTP_REQUEST_URL:'http://xx/test/',

  // 以下配置非開發者，無需修改
  // 請求頭
  HEADER:{
    'content-type': 'application/json'
  },
  TOKENNAME: 'Authori-zation',
}
 

2.app.js檔案

import { HTTP_REQUEST_URL} from 'config.js';  
globalData: {
    url:HTTP_REQUEST_URL,
    token: '',
  },

3.request.js檔案

//  引入請求頭等內容
import { HEADER , TOKENNAME} from './../config.js';
export default function request(api,method,data){
  let Url = getApp().globalData.url, header = HEADER;
  if (getApp().globalData.token) header[TOKENNAME] = 'Bearer ' + getApp().globalData.token;
  return new Promise((reslove, reject)=>{
    wx.showLoading({
      title: '載入中...',
    })
    wx.request({
      url:Url + api,
      method:method || 'GET',
      data:data || {},
      header:header,
      success:(res)=>{
        reslove(res.data, res);
      },
      fail: (msg) => {
        reject('請求失敗');
      },
      complete:(com) =>{
        wx.hideLoading();
      }
    })
  })
}
['options', 'get', 'post', 'put', 'head', 'delete', 'trace', 'connect'].forEach((method) => {
    request[method] = (api, data) => request(api, method, data)
});
 

4.api.js請求方法檔案

import request from "../utils/require.js";

// 測試介面
export function intheaters(data) {
    return request.get('api/test', data);
}

最後使用方法為：

     intheaters().then( res => {
      console.log(res, "====> ")
    })

這樣,就可以了。