微信小程序服务器响应404,解决小程序wx.request无法触发fail回调。
今天在写一个需求如下：
1、用户发送token到服务器认证
2、服务器返回banner图片数据。
3、如果失败，就显示默认占位图。
按照我用jq写ajax的理解，那就是error()时 显示占位图，在wx小程序里是fail()方法。
我在服务器上关闭了验证接口，此时会返回404，按道理来说会触发fail回调，可是，什么显示也没有。。
百思不得其解，网上回答说 404 403等代码无法触发fail回调。于是我删除了fail回调，换了一种方法来解决。
代码如下：
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
token: '',
bnrUrls: ''
},
onLoad() {
var that = this;
this.setData({
token: wx.getStorageSync('yerlLocalToken') //获取localstorage中的token并设置
});
wx.request({
url: app.globalApi.getIndexBanners,
method:'POST',
data:{
token:this.data.token
},success(res){
//任何情况下，只要返回的数据不包含content字段，则显示默认占位图片
if (!res.data.content){
that.setData({
bnrUrls: ['占位图地址']
})
}else{
//将返回的图片列表赋值给bnrUrls
that.setData({
bnrUrls: res.data.content
})
}
}
});
}
})
我把服务器返回的图片列表放到content中，无论成功或失败，都判断一下content是否存在，如果存在就正常显示，不存在就显示默认占位图。
北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台
更多推荐
1
0- 0
已为社区贡献5条内容
所有评论(0)