小程序request接口封装使用

最新推荐文章于 2024-03-31 21:53:00 发布

dazhzi

最新推荐文章于 2024-03-31 21:53:00 发布

阅读量197

点赞数

本文链接：https://blog.csdn.net/mingzuimo/article/details/118570438

版权

第一种

request.js

export const request = (params) => {
    const baseUrl = "............................"//公共url
    return new Promise((resolve, reject) => {
        wx.request({
            ...params,
            url: baseUrl + params.url,
            success: (result) => {
                resolve(result)
            },
            fail: (err) => {
                reject(err)
            }
        });
    })
}

分页面引用

const { request } = require("../../request");

分页面使用

get

  getdata() {
        request({
            url: "/get_data",
            data: {
               id:this.data.id
            },
        }).then(res => {
                this.setData({
                    tabledata: res.data,
                })   
            }
        })
    },

post

    getdata() {
      
            request({
                url: "/get_data",
                data: {
                    Id:  this.data.id
                },
                method: 'POST',
                header: {
                    "Content-Type": "application/x-www-form-urlencoded"
                },
            }).then(res => {
             
                    this.setData({
                        tabledata: res.data
                    })                       
            });   
    },