微信小程序（四十一）wechat-http的使用

注释很详细，直接上代码

上一篇

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

在终端输入npm install wechat-http

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

微信小程序（二十）Vant组件库的配置-

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

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

用下面的代码试一下

源码：

index.wxml

<button bind:tap="onHttp">发出http请求</button>

index.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 }) } })

效果演示：