uniapp的封装请求

1.新建目录utils

2.在目录utils中新建request.js

3.request.js封装内容，如下：

/**
 * @param {Object} url请求地址
 * @param {Object} data 请求数据
 * @param {Object} contentType 请求内容类型 1=json  2=form
 * @param {Object} method请求方法
 */
function request({url, data, method, contentType}){
    let header = {
        'content-type': contentType === 1 ? 'application/json' : 'application/x-www-form-urlencoded'
    }
    let baseUrl = "http://localhost:3000";
    
    return new Promise((resolve, reject)=>{
        uni.request({
            url:baseUrl+url,
            data,
            method,
            header,
            success: (res) => {
                if(res.statusCode === 200) {
                    // 请求成功
                    resolve(res.data);
                }else if(res.statusCode === 401){
                    uni.showToast({
                        icon:'none',
                        title:"未登录或登录状态已超时",
                        duration:1500
                    });
                } else if (res.statusCode === 405){
                    uni.showToast({
                        icon:'none',
                        title:"请求方法错误",
                        duration:1500
                    });
                }else {
                    uni.showToast({
                        icon:'none',
                        title:"请求错误" + res.statusCode,
                        duration:1500
                    });
                }
            },
            fail: (err) => {
                console.log("err:",err)
                uni.showToast({
                    icon:'none',
                    title:err.errMsg,
                    duration:1500
                });
                reject(err);
            }
        })
    })
}

export default {request}

4.新建目录apis

5.在目录apis中新建文件index.js,内容如下：

import request from "@/utils/request.js"

// 轮播请求接口
export function apiGetBanner(data){
    return request.request({
        url:'/banner',
        method:'GET',
        data
    })
}

6.在页面中的使用

引入模块
import {apiGetBanner} from '@/apis/index.js'

使用
methods: {
            getBanner(){
                apiGetBanner().then(res=>{
                    console.log(res)
                    this.swiper=res.banners
                })
                // uni.request({
                //     url:"http://localhost:3000/banner",
                //     method:'GET',
                //     success: (res) => {
                //         console.log(res)
                //         this.swiper=res.data.banners
                //     }
                // })
            }
        }