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

  
})

效果演示:

相关推荐
澄江静如练_2 小时前
微信小程序发体验版
微信小程序·小程序
流口水的兔子6 小时前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
呆呆的心6 小时前
大厂面试官都在问的 WEUI Uploader,源码里藏了多少干货?🤔
前端·微信·面试
一念杂记6 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
拖孩9 小时前
微信群太多,管理麻烦?那试试接入AI助手吧~
前端·后端·微信
The_era_achievs_hero10 小时前
微信小程序61~70
微信小程序·小程序
老蒋新思维10 小时前
多门店系统:知识付费行业的规模化增长新引擎|创客匠人
微信·内容运营·创始人ip
编程猪猪侠11 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
汤姆yu21 小时前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
一渊之隔1 天前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序