uniapp的request.js请求封装

末蓝、 2022-12-28 04:25 275阅读 0赞

#### request.js ####

const baseUrl = getApp().globalData.baseURL
    import utils from './utils.js'
    export const request = (options) => { 
        // const token = uni.getStorageSync('token');
        const token ='你的token'
        const {  method, url, data,baseUrl, timeout = 30000, header = { } } = options
        let params = data
        let contentType = 'application/json'
        if (token) { 
            header['Authorization'] = token
        }
        header['content-type'] = contentType
        uni.showLoading({ 
            title: '加载中',
        })
        return new Promise((resolve, reject) => { 
            uni.request({ 
                header: header,
                method: method,
                timeout: timeout,
                url: baseUrl + url,
                data: data,
                success: (response) => { 
                    const res = response.data
                    console.log(baseUrl + url, params, res)
                    const {  status, data, message } = res
                    if (url === '/user/user/login') { 
                        uni.setStorageSync('token', data.token)
                    } else { 
                        // if (status === 403) { 
                        // setTimeout(() => { 
                        // utils.navTo({ 
                        // url: '/pages/login/login',
                        // type: 'reLaunch'
                        // })
                        // }, 2000)
                        // }
                    }
                    if (status === 500) { 
                        uni.showToast({ 
                            title: message,
                            duration: 2000,
                            icon: 'none',
                        })
                        return
                    }
                    resolve(res)
                },
                fail: (err) => { 
                    reject(err)
                    console.log(err)
                },
                complete: () => { 
                    uni.hideLoading()
                    uni.stopPullDownRefresh()
                },
            })
        })
    }

#### APP.vue ####

#### api / index.js ####

封装get,post,delete请求

import { request} from '../utils/request.js'
    export function getAction(url, params, config) { 
        return request({ 
            url: url,
            method: 'GET',
            data: params,
    		header: config
        })
    }
    
    export function postAction(url, params,config,baseUrl) { 
        return request({ 
            url: url,
            method: 'POST',
            data: params,
            header: config,
    		baseUrl
        })
    }
    
    export function deleteAction(url, params) { 
        return request({ 
            url: url + '/' + params,
            method: 'DELETE'
        })
    }

import { 
    	postAction
    } from './manage.js'
    
    //主题列表
    const marketingList = (params) => postAction('/marketing/marketing/list', params,'代理的url')
    
    export { 
    	marketingList
    }