使用promise封裝wx.request()

1.目錄結構

在根目錄下建立http目錄及api.js檔案fetch.js以及http.js檔案；

在根目錄下建立env目錄,建立index.js配置並匯出多個開發環境

module.exports={
  //開發環境
  Dev:{
    "BaseUrl":"https://www.develep.com"
  },
  //測試環境
  Test:{
    "BaseUrl":"https://www.test.com"
  },
  //生產環境
  Prod:{
    "BaseUrl"
 
: "https://api.douban.com"
  }
}

在api.js中統一管理，請求的url地址

module.exports={
  "hot":"/v2/movie/in_theaters",
  "top250": "/v2/movie/top250",
  "detail": "v2/movie/subject"
}

在fetch.js中用promise對wx.request()進行封裝

//封裝wx.request()網路模組
module.exports=
 
(url,method,data)=>{
  let p=new Promise((resolve,reject)=>{
    wx.request({
      url: url,
      method:method,
      data:Object.assign({},data),
      header:{'Content-Type': 'application/text' },
      success(res){
        resolve(res)
      },
      fail(err){
        reject(err)
      }
 

    })
  })
  return p;
}

在http.js，根據當前環境，設定相應的baseUrl, 引入fetch中封裝好的promise請求，封裝基礎的get\post\put\upload等請求方法，設定請求體，帶上token和異常處理等；
設定對應的方法並匯出；

const evn=require('../env/index.js')
const api=require('./api')
const fetch = require('./fetch')


//確定開發環境
let baseUrl=evn.devBaseUrl;
//如果介面需要token鑑權，獲取token
let token=wx.getStorageSync('token');

//輪播請求函式
function banner(){
  return fetch(baseUrl+api.banner,'get',{})
}
//list列表函式

//分類介面函式

module.exports={
  banner
}

在全域性app.js中匯入http,註冊到根元件

const http=require('./http/http.js')

// App.config=config[env];
App({
  http, // http.fetch

})

在具體頁面匯入,並使用；

//獲取應用例項
const app = getApp();
Page({
  data: {
   list:[]
  }
onLoad: function () {
    app.http.banner().then((res)=>{
                this.setData({
                    list: res.data.list
        })    })
}

使用promise封裝wx.request()

在根目錄下建立http目錄及api.js檔案fetch.js以及http.js檔案；
1、首先在env目錄下建立index.js，裡面配置開發環境並將其匯出（配置不同的開發環境：開發環境、測試環境、生產環境）
	三個環境也可以說是系統開發的三個階段：開發->測試->上線，其中生產環境也就是通常說的真實環境。

	- 開發環境：開發環境是程式猿們專門用於開發的伺服器，配置可以比較隨意，為了開發除錯方便，一般開啟全部錯誤報告。
	- 測試環境：一般是克隆一份生產環境的配置，一個程式在測試環境工作不正常，那麼肯定不能把它釋出到生產機上。
	- 生產環境：是值正式提供對外服務的，一般會關掉錯誤報告，開啟錯誤日誌。

	三個環境也可以說是系統開發的三個階段：開發->測試->上線，其中生產環境也就是通常說的真實環境。

2、在api.js中統一管理，請求的url地址（定義請求路徑並丟擲物件）

3、在fetch.js中用promise對wx.request()進行封裝（封裝wx.request()網路模組 、丟擲一個函式 這個函式會返回一個promise物件）

4、在http.js，根據當前環境，設定相應的baseUrl, 引入fetch中封裝好的promise請求，封裝基礎的get\post\put\upload等請求方法，設定請求體，帶上token和異常處理等；

設定對應的方法並匯出；（入口函式，引入環境變數，路徑和方法在此處統一呼叫；確定當前環境、請求的函式，將封裝好的方法丟擲）

5、在全域性app.js中（用require匯入）匯入http，註冊到根元件，在具體頁面匯入（用getApp匯入全域性的app元件），並使用；

const app = getApp();