微信小程序(四十二)wechat-http拦截器

注释很详细,直接上代码

上一篇

新增内容:
1.wechat-http请求的封装
2.wechat-http请求的拦截器的用法演示

源码:

utils/http.js

js 复制代码
import http from "wechat-http"


//设置全局默认请求地址
http.baseURL = "https://live-api.itheima.net"

//设置响应拦截器
http.intercept.response=(res)=>{
    //返回数据格式(减少一层data)
    return res.data
}

//导出
export default http

app.js

js 复制代码
//从utils导入http
import http from './utils/http'

//注册到全局wx实例中
wx.http=http
App({
 globalData:{
     token:''
 }
})

index.js

js 复制代码
Page({
  data:{
    list:[]
  },
  //此处就是第四十和四十一篇的结合,抽离出来了网络请求的调用部分进行封装
  //并且设置了响应拦截器对数据进行前提处理
    async onHttp(){
     const res=await wx.http({
        method:'GET',//类型
        url:'/announcement'//设置了基本网站地址就能这么用
      })

      this.setData({//录入数据
        list:res.data
      })
     
    }

  
})

效果演示:

相关推荐
说私域10 分钟前
基于社交关系的电商平台发展与创新:以微店买家版为例兼论开源 AI 智能名片 2 + 1 链动模式 S2B2C 商城小程序
人工智能·小程序
番茄Salad18 分钟前
使用Java绘制图片边框,解决微信小程序map组件中marker与label层级关系问题,label增加外边框后显示不能置与marker上面
微信小程序·小程序
小马哥编程22 分钟前
【微信小程序】用户房屋管理
微信小程序·小程序
尘浮生22 分钟前
Java项目实战II基于微信小程序的原创音乐小程序(开发文档+数据库+源码)
java·开发语言·数据库·spring boot·微信小程序·小程序·maven
程序员入门进阶23 分钟前
微信小程序家政项目小程序
微信小程序·小程序
shitian08113 小时前
用轻量云服务器搭建一个开源的商城系统,含小程序和pc端
服务器·小程序·开源
计算机-秋大田4 小时前
基于微信小程序的农场管理系统的设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
说私域11 小时前
私域流量圈层在新消费时代的机遇与挑战:兼论开源 AI 智能名片、2 + 1 链动模式、S2B2C 商城小程序的应用
人工智能·小程序
亥时科技14 小时前
相亲小程序(源码+文档+部署+讲解)
java·小程序·开源·源代码管理
wayuncn14 小时前
网站小程序app怎么查有没有备案?
小程序