原生微信小程序封装请求

原创已于 2022-08-29 16:34:00 修改 · 732 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #javascript #小程序

于 2022-08-28 19:19:29 首次发布

1.页面根目录下新建api 文件夹,作用发起请求

2. api文件夹下建一个http.js 用来发送promise请求

import baseUrl from "./baseUrl"

var fun = function (config) {
    return new Promise((resolve, reject) => {
        wx.request({
            //url: 'url',//路径
            url: baseUrl + config.url,
            // timeout: 5000, //设置请求时间
            // data: {
            //     // 存放的数据
            // },
            // data:config.data,
            method:config.method,
            // method: "GET", //数据请求方式
            //   header:"",  请求头设置
            success: res => {
                resolve(res)
                console.log('res数据成功了', res);
            }
            // fail(err) {
            //     console.log('err数据请求失败了', err);
            // },
            // complete: res => {
            //     console.log("请求完成后的参数");
            // }
        })
    })
}
export default fun

http.js 同级新建js文件 baseUrl ,用来设置共同的请求头

export default "https://autumnfish.cn"

api 下新建 index文件夹文件夹下设置 index.js文件

import http from "../http"

function getList(data) {
    return  http({
        url: '/top/artists',// 放入除了baseUrl 的路径
        data ,//参数,
        method: "GET", 

    })
}
export  {getList}

在需要用到的地方

导入 
import {
    getList
}
from "../../api/index/index"
    onLoad(options) {
        getList({里面放请求的参数}).then(res => console.log(res.data.artists))
        
    },