request封装

123 阅读1分钟

http.js


const request = (path = '', method = "GET", data = "") => {
    return new Promise((resolve, reject) => {
        wx.request({
            method: method,
            url: url + path,
            header: {
                'Authorization': wx.getStorageSync('token')
            },
            data: data,
            success: (res) => {
                resolve(res.data)
            },
            fail: (err) => {
                console.log('reject', err);
                reject(err)
            }
        })
    })
}

module.exports = {
    request
}

login.js

Page({

    /**
     * 页面的初始数据
     */
    data: {
        value: "",
        pwd: "",
        errUser: "",
        errPwd: "",
    },

    userChange({ detail }) {
        this.data.value = detail;
    },
    pwdChange({ detail }) {
        this.data.pwd = detail;
    },
    submit() {
        console.log(this.data);
        if (this.data.value.trim() == '') {
            this.setData({
                errUser: "用户名不能为空"
            })
            return
        }
        this.setData({
            errUser: "",
        })
        if (this.data.pwd.trim() == '') {
            this.setData({
                errPwd: "密码不能为空"
            })
            return
        }
        this.setData({
            errPwd: "",
        })
        let params = {
            email: this.data.value,
            password: this.data.pwd
        }
        request('/api/auth/login', 'POST', params)
            .then(res => {
                if (res.access_token) {
                    wx.setStorageSync('token', res.access_token)
                    wx.showToast({
                        title: '登录成功',
                    })
                    setTimeout(() => {
                        wx.switchTab({
                            url: '/pages/home/home',
                        })
                    }, 1500);
                    return
                }
                wx.showToast({
                    title: '登录失败',
                })
            })
            .catch(err => {
                console.log(err);
            })
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {

    }, 
})