在我们开发过程中,经常会使用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失败处理。