請求封裝wx.request

請求封裝wx.request
封裝代碼的文件命名：fetch.js

文件在小程序項目中的路徑：XCXutilsfetch.js

utils文件夾同pages文件夾同級

fetch.js

const reqUrl = 'https://www.xxx.com/';
const fetch = (url, data = {}, method, headers)=> {
    return new Promise((resolve, reject) => {
        wx.request({
            url: reqUrl + url,    //路徑url
            data,   //參數
            method, //post、get
            header: headers,    //請求頭，可傳遞自定義請求頭
            success: res => {   //請求發出成功返回結果，狀態碼200
                resolve(res)
            },
            fail: (err) => {    //請求發出失敗
                reject(err);
                console.log(err)
            },
            complete: (res) => {    //請求發出後
            }
        })
    })
}
//導出
module.exports = {
    fetch
}


const reqUrl = 'https://www.xxx.com/';
const fetch = (url, data = {}, method, headers)=> {
    return new Promise((resolve, reject) => {
        wx.request({
            url: reqUrl + url,    //路徑url
            data,   //參數
            method, //post、get
            header: headers,    //請求頭，可傳遞自定義請求頭
            success: res => {   //請求發出成功返回結果，狀態碼200
                resolve(res)
            },
            fail: (err) => {    //請求發出失敗
                reject(err);
                console.log(err)
            },
            complete: (res) => {    //請求發出後
            }
        })
    })
}
//導出
module.exports = {
    fetch
}

其餘頁面使用例如：home.js使用

const { fetch } = require('../../utils/fetch.js');  
//引入封裝請求文件，注意路徑

​
Page({
    data: {
        
    },
    onLoad() {
        this.getEquipList();
    },
    getEquipList() {
        let url = '/api.getEquip';
        let data = {
            name:'123',
            eq_No:50
        }
        //此處headers可自定義也可不，跟本身需求
        let headers = {
            xxxx:xxxxx
        }
        
        fetch(url, data, 'post', headers).then((res) => {
            console.log('打印請求結果',res)
            
        }).catch((err) => {
            console.log('服務器請求錯誤！',err);
            return;
        })
    }
})


const { fetch } = require('../../utils/fetch.js'); 
//引入封裝請求文件，注意路徑

​

Page({
    data: {
        
    },
    onLoad() {
        this.getEquipList();
    },
    getEquipList() {
        let url = '/api.getEquip';
        let data = {
            name:'123',
            eq_No:50
        }
        //此處headers可自定義也可不，跟本身需求
        let headers = {
            xxxx:xxxxx
        }
        
        fetch(url, data, 'post', headers).then((res) => {
            console.log('打印請求結果',res)
            
        }).catch((err) => {
            console.log('服務器請求錯誤！',err);
            return;
        })
    }
})