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

  
})

效果演示:

相关推荐
_AaronWong1 小时前
一键搞定UniApp WiFi连接!这个Vue 3 Hook让你少走弯路
前端·微信小程序·uni-app
赵庆明老师14 小时前
Uniapp微信小程序开发:微信小程序支付功能后台代码
微信小程序·小程序·uni-app
FliPPeDround19 小时前
告别 uni-app 启动烦恼:@uni-helper/unh 让开发流程更顺畅
前端·微信小程序·uni-app
@二十六1 天前
微信小程序订阅消息工具封装,兼容一次性订阅和长期订阅
微信小程序·小程序·订阅消息
用力的活着1 天前
uniapp 微信小程序蓝牙接收中文乱码
微信小程序·小程序·uni-app
知识分享小能手1 天前
微信小程序入门学习教程,从入门到精通,电影之家小程序项目知识点详解 (17)
前端·javascript·学习·微信小程序·小程序·前端框架·vue
笨笨狗吞噬者2 天前
【uniapp】体验优化:开源工具集 uni-toolkit 发布
性能优化·微信小程序·uni-app
知识分享小能手2 天前
微信小程序入门学习教程,从入门到精通,自定义组件与第三方 UI 组件库(以 Vant Weapp 为例) (16)
前端·学习·ui·微信小程序·小程序·vue·编程
爱隐身的官人2 天前
微信小程序反编译教程
微信小程序·小程序·小程序反编译
计算机徐师兄2 天前
Java基于SpringBoot的智慧校园管理系统小程序【附源码、文档说明】
java·微信小程序·小程序·智慧校园管理系统小程序·java智慧校园管理系统小程序·智慧校园管理系统微信小程序·智慧校园管理微信小程序