uniapp 请求接口封装

新建utlis 文件夹 request.js

export const baseURL = '基地址'

export const request = (options) => {
    return new Promise((resolve, reject) => {
        uni.request({
            url: baseURL + options.url, //接口地址:前缀+方法中传入的地址
            method: options.method || 'GET', //请求方法:传入的方法或者默认是“GET”
            data: options.data || {}, //传递参数:传入的参数或者默认传递空集合
            header: {
                'token': uni.getStorageSync("token") || "" //自定义请求头信息
            },
            success: (res) => {
                console.log(res, uni.getStorageSync('token'));
                //返回的数据(不固定,看后端接口,这里是做了一个判断,如果不为true,用uni.showToast方法提示获取数据失败)
                if (res.data.code == 1) {
                    resolve(res.data.data)
                } else {
                    if(res.data.code== 401){
                        uni.navigateTo({
                            url:'/login/login'
                        })
                        uni.clearStorageSync()
                    }
                    reject(res.data.msg)
                }
                // 如果不满足上述判断就输出数据
            },
            // 这里的接口请求,如果出现问题就输出接口请求失败
            fail: (err) => {
                console.log(err)
                reject(err)
            }
        })
    })
}
二次封装 新建api文件夹 建立js文件

import {
    requset
} from "../utlis/ruquest.js"

export const axiosRes = (data) => requset({
    url: '',
    method: 'post',
    data: data
})

你可能感兴趣的:(uniapp,网络请求,uni-app,前端,javascript)