我提前准备了一个复杂点的接口数据 .. 把它放在 db.json 这个文件里面 .. 每个产品项目里面多了一些字段,比如产品的描述,图片,库存等等 .. 你可以在这个项目的仓库里找到这个文件内容 ..
下面可以再添加点配置 .. 打开项目里的 config 目录下面的 dev.js .. 这个文件里的东西是项目的开发环境使用的一些配置 .. 在 defineConstants 里面,添加一个 API_WS .. 设置一下对应的值 .. 单引号 .. 双引号 .. 服务的地址是 http://localhost:3333 这是我们之前用 json-server 创建的一个服务 ..
然后需要重新运行一下开发 .. 执行一下 npm run dev:weapp
下面去找个页面请求一下接口资源 .. 打开 pages .. index .. 在这个页面组件里面, 添加一个 componentWillMount ,组件的生命周期方法 .. 组件将要挂载的时候会执行这个方法 .. 把它标记成一个 async 方法,因为方法里面会包含一些异步的动作 ..
里面添加一个 response .. await .. 用一下 Taro 上的 request .. 发出一个 Http 请求 .. 给它一个对象配置一下这个方法 .. 请求的 url .. 就是请求的地址 .. 用一个字符模板 .. 先是 API_WS .. 后面加上斜线 products ..
下面在控制台上输出得到的 response ,就是请求回来得到的响应 .. 到微信开发者工具上看一下 .. 页面显示之前会请求产品服务接口,把请求得到的响应输出到了控制台上 .. 在这个响应里面 .. data 属性的值就是具体得到的产品数据 ..