微信小程序(四十一)wechat-http的使用

注释很详细,直接上代码

上一篇

新增内容:
1.模块下载
2.模块的使用

在终端输入npm install wechat-http

没有安装成功vue的先看之前的一篇

微信小程序(二十)Vant组件库的配置-

如果按以上的成功配置出现如下报错先输入以下语句

npm config set registry https://registry.npmjs.org/

用下面的代码试一下

源码:

index.wxml

xml 复制代码
<button bind:tap="onHttp">发出http请求</button>

index.js

js 复制代码
//导入http包
const { default: http } = require("wechat-http")

//设置基本网站地址
http.baseURL='https://live-api.itheima.net'


//为什么有wx.request还要用第三方http库
//主要原因是wx.request没法用promise格式,多次嵌套在success里不利于维护
Page({
  data:{
    list:[]
  },
    async onHttp(){
     const res=await http({
        method:'GET',//类型
        url:'/announcement'//设置了基本网站地址就能这么用
      })

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

  
})

效果演示:

相关推荐
菜鸟una10 小时前
【微信小程序 + 消息订阅 + 授权】 微信小程序实现消息订阅流程介绍,代码示例(仅前端)
前端·vue.js·微信小程序·小程序·typescript·taro·1024程序员节
從南走到北12 小时前
JAVA国际版一对一视频交友视频聊天系统源码支持H5 + APP
java·微信·微信小程序·小程序·音视频·交友
從南走到北12 小时前
同城派送小程序
微信·微信小程序·小程序
腾讯云云开发15 小时前
3小时上线!云开发“零运维”外卖小程序指南
微信小程序·ai编程·小程序·云开发
腾讯云云开发15 小时前
云开发1天极速开店!1人搞定全流程
微信小程序·ai编程·小程序·云开发
腾讯云云开发15 小时前
预约+会员+营销全功能覆盖,1 小时上架美业小程序
低代码·微信小程序·小程序·云开发
腾讯云云开发15 小时前
云开发模板建站,1小时速建官网,企业品牌即刻上线
微信小程序·ai编程·小程序·云开发
腾讯云云开发15 小时前
手把手教你用CloudBase完成电商小程序全栈开发
微信小程序·ai编程·小程序·云开发
景彬17 小时前
小红书小组件开发 最早踩坑版
前端·微信小程序
狂团商城小师妹21 小时前
JAVA无人共享台球杆台球柜系统球杆柜租赁系统源码支持微信小程序
java·开发语言·微信小程序·小程序