
在我们开发过程中,经常会使用vuex来管理接口请求和返回数据。
在vue组件页面使用computed来读取vuex中state的数据。
getTaskList({
commit
}, payload) {
const param = {
url: 'patrol/task',
query: payload || {}
}
return new Promise((resolve, reject) => {
get(param).then(res => {
commit('UPDATE_TASK_LIST', res.data.results)
resolve(res)
}).catch(err => reject(err))
})
}
如上代码,在我们请求接口后,返回了Promise,并且在成功和失败时也resove和reject。
但是如果我们在vue页面中。调用getTaskList后。如果请求失败并且没有.catch的话,在chorme控制台就会报错。
提示没有对reject进行处理。
这时2种解决方法:
1. 在vux的action方法请求之后,不对结果进行resolve,reject操作。
2. 在vue页面对此函数进行.catch失败处理。