小程序根目录cmd运行安装命令
npm install --save miniprogram-api-promise@1.0.4
安装完成之后先到根目录中删除miniprogram_npm文件夹(不删除构建npm时可能会出现问题)
删除之后再在工具中点击构建npm
构建成功之后会看到根目录中重新出现了miniprogram_npm文件夹
在app.js中导入并使用promise
// app.js
import { promisifyAll} from 'miniprogram-api-promise'
const wxp = wx.p = {}
promisifyAll(wx, wxp)
接下来就可以异步请求数据
页面
<van-button bindtap="getinfo">获取info</van-button>
.js文件
async getinfo() {
const {
data: res
} = await wx.p.request({
url: 'https://applet-base-api-t.itheima.net/api/get',
method: 'get',
data: {
name: 'zs',
age: 20
}
})
console.log(res);
},
打印