关于微信小程序:封装请求

点这里

查看进阶版请求封装(拦截器:处理token过期之后的无感知登录+重新发起刚才未成功的请求)

在这里插入图片描述

  1. 新建一个文件夹request(随便起)
  2. 新建env.js
    2.1 在这里,配置接口地址的公共地址部分、方便后续引用。
	//这里使用的接口呢都是自己模拟的,可以根据自己的需求进行添加
    module.exports={
   
        //开发环境的url
        dev:{
   
            baseUrl:"http://xxxx"
        },
        //测试环境url
        test:{
   
            // baseUrl:"http://www.test.com"
        },
        //线上环境url
        prod:{
   
            // baseUrl:'https://api.it120.cc'
            baseUrl:"https://xxx"
        }
    }
  1. 新建request.js
    3.1 引入env中的url:项目接口地址的公共地址部分。
    3.2 二次封装wx.request
// 引入env中的url
const {
   
    baseUrl
} = require('./env.js').dev;//这里上线的时候换成线上地址

module.exports = {
   
    /**
     * 二次封装wx.request
     * url:请求的接口地址
     * method:请求方式 GET,POST....
     *  data:要传递的参数
     * header:请求头
     */
    request: (url, method, data, header) => {
   
    
        // console.log('这是我封装的ajax请求', url, method, data, header);
        
        let _url = `${
     baseUrl}/${
     url}`;//这里使用ES6的写法拼接的字符串
        
        return new Promise((resolve, reject) => {
   
            // wx.showLoading({
   
            //     title: '正在加载',
            // });
            wx.request({
   
                url: _url,
                method: method,
                data: data,
                header: header
  • 4
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值