Vue.js:在性行为中的未明承诺
Vue.js:在性行为中的未明承诺
提问于 2018-07-08 11:18:00
我理解vuex操作返回承诺，但我还没有找到理想的模式来处理中的错误。我目前的方法是在我的axios插件上使用一个错误拦截器，然后将错误提交给我的vuex存储。
在plugins/axios.js中
export default function({ $axios, store }) {
$axios.onError(error => {
store.dispatch('setError', error.response.data.code);
});
}在store/index.js中
export const state = () => ({
error: null,
});
export const mutations = {
SET_ERROR(state, payload) {
state.error = payload;
},
}
export const actions = {
setError({ commit }, payload) {
commit('SET_ERROR', payload);
},
};然后，我将使用错误组件，监视错误状态，并显示是否存在错误。因此，实际上不需要捕获任何错误，无论是在我的操作中还是在发送操作的组件中。然而，我不禁要担心，如果是的糟糕设计，留下了例外，不为呢？如果我通过这个设计来处理错误，我会遇到什么问题？有什么更好的方法吗？
回答 2
Stack Overflow用户
发布于 2018-07-10 00:09:28
我认为您应该在vuex操作中调用API，如果它失败了，就拒绝API调用中的错误承诺。我将避免列出所有的Axios错误，而是在承诺返回错误时处理它，在我看来，这样更容易维护和调试。
例如：
getCartItems: function ({commit}, url) {
return axios.get(url).then(response => {
commit('setCartItems', response.data)
return response
}).catch(error => {
throw error
})
},Stack Overflow用户
发布于 2019-02-09 13:51:14
改进了上面的示例，以避免冗余的承诺包装，并使用异步/等待简化代码：
export const getCartItems = async ({commit}, url) => {
const response = await axios.get(url);
commit('setCartItems', response.data)
return response;
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51235273
复制
![用Vue.js在浏览器中裁剪图像[每日前端夜话0x86]](https://ask.qcloudimg.com/http-save/yehe-1120945/8nshrnc9qi.jpeg)
![hibernate 未明确定义列 小记[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/19da99ff7ffb8a3df74742dc34e58543.gif)
相似问题
承诺拒绝()引起“未明的(在承诺中)”警告
错误:未明(承诺)：[对象]
角14:未明的承诺
错误：“未明(承诺)：[对象]
在简单的DOMException应用程序中存在大量未明的(承诺的) Vue.js错误
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
