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

  
})

效果演示:

相关推荐
nodcloud13 分钟前
点可云进销存商城如何部署在微信小程序
微信小程序·小程序
项目題供诗16 小时前
微信小程序开发教程(八)
微信小程序·小程序
拼图2091 天前
微信小程序——云函数【使用使用注意事项】
微信小程序·小程序
Q_Q5110082851 天前
springboot+python+uniapp基于微信小程序的旅游服务系统景点信息展示 路线推荐 在线预约 评论互动系统
spring boot·python·微信小程序·django·flask·uni-app
海绵宝宝不喜欢侬1 天前
uniapp微信小程序保存海报到手机相册canvas
智能手机·微信小程序·uni-app·canva可画
海绵宝宝不喜欢侬1 天前
【uniapp微信小程序】扫普通链接二维码打开小程序
微信小程序·小程序·uni-app
亮子AI1 天前
【小程序】微信小程序九宫格抽奖动画(完整版)
微信小程序·小程序
文心快码BaiduComate2 天前
我用Comate搭建「公园找搭子」神器,再也不孤单啦~
前端·后端·微信小程序
CocoaKier2 天前
AI让35岁程序员再次伟大
ios·微信小程序·aigc
ZZHow10242 天前
微信小程序开发笔记(01_小程序基础与配置文件)
笔记·微信小程序·小程序