微信小程序(四十一)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 天前
微信小程序渗透测试指北(附案例)
微信小程序·小程序
换日线°2 天前
微信小程序生成小程序码缓存删除
微信小程序
像素之间3 天前
微信小程序中安装vant
微信小程序
java1234_小锋3 天前
[免费]微信小程序音乐播放器(爬取网易云音乐数据)(node.js后端)【论文+源码】
微信小程序·小程序·node.js·音乐播放器·网易云音乐
野盒子3 天前
前端面试题 微信小程序兼容性问题与组件适配策略
前端·javascript·面试·微信小程序·小程序·cocoa
Maitians3 天前
微信小程序 - 保存手机号等信息到通讯录
微信小程序·小程序
Maitians3 天前
微信小程序 - 手机震动
微信小程序·小程序
像素之间3 天前
在微信小程序中使用骨架屏
微信小程序·小程序
幽络源小助理4 天前
美食推荐系统微信小程序
微信小程序·小程序·美食
浩宇软件开发4 天前
基于微信小程序的天气预报app
微信小程序·小程序·天气app