微信小程序(四十二)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
      })
     
    }

  
})

效果演示:

相关推荐
尘浮生11 小时前
Java项目实战II基于Java+Spring Boot+MySQL的智能停车计费系统(开发文档+数据库+源码)
java·开发语言·数据库·spring boot·mysql·微信小程序·maven
qq_174482857512 小时前
基于微信小程序的小动物救助领养平台
微信小程序·小程序
wcy011218 小时前
微信小程序+Vant-自定义选择器组件(单选带筛选
微信小程序·小程序
尘浮生19 小时前
Java项目实战II基于Java+Spring Boot+MySQL的智慧养老中心管理系统(开发文档+数据库+源码)
java·开发语言·数据库·spring boot·mysql·微信小程序·maven
Fresh-eyes20 小时前
iphone小程序设置burpsuite代理抓包
运维·服务器·小程序
paterWang20 小时前
小程序-基于java+SpringBoot+Vue的铁路订票平台小程序设计与实现
java·spring boot·小程序
流着口水看上帝20 小时前
一文掌握如何用python开发小程序
python·小程序
非著名程序员20 小时前
15分钟做完一个小程序,腾讯这个工具有点东西
小程序
1登峰造极20 小时前
uniapp中uni-popup在小程序中滚动穿透问题
小程序·uni-app
Reuuse21 小时前
【vue3实现微信小程序】从轮播图到公告栏的前端开发之旅
前端·vue.js·微信小程序