用户登录

打开终端 .. 登录到服务器 .. 然后执行 systemctl stop nginx .. 停止运行 nginx 服务 .. 再回到模拟器 .. 刷新一下 ..

这回会显示一个空白页面 .. 控制台上提示 request:fail .. 如果服务完全不可用,或者设备在没有网络的情况下,在小程序里面发生请求的时候都会提示这个 request:fail ..

回到 shop index 页面 .. 打开 fetch-data 这个模块的定义 ..

在这个模块定义的 fetchData 函数里面,用到了 Taro 上的 request 方法发出请求 .. 如果请求失败,会调用它的 fail 这个回调 .. 给它添加一个 fail .. 有一个 error 参数 ..

在这个方法里面,可以在这个 error 对象上添加一个 message 属性 .. 它的值就是要在错误页面上显示的信息 ..

然后再执行一下 fetchData 里的 fail 这个回调 .. 带着 error ..

回到模拟器 .. 刷新一下 .. 这回请求失败的时候,页面上会显示一条错误信息 ..

再重新运行一下服务器上的 nginx ..

重新刷新一下 .. 没有问题,就会显示正常的页面内容 ...

请求失败时的显示《 电商小程序案例:搜索 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点