我在向 API 发出 HTTP 请求时遇到了这个问题,如果出现错误(特别是错误 500),JS 就会中断或进入无限循环,我应该关闭窗口并重新打开页面。我需要的是弹出一条消息,并以非常通用的方式解释发生了什么。我应该如何处理这种错误的任何想法?
示例请求:
this.$http.get('people', { params }).then(({ data }) => {
this.setFetching({
fetching: false
})
})
then
接受第二个回调来处理错误。.catch
除了a之外,您还可以提供 a.then
来处理更严重的故障。
new Vue({
el: '#app',
data: {
fetching: true
},
mounted() {
this.$http.get('people')
.then(() => {
this.setFetching({
fetching: false
})
},
(err) => {
console.log("Err", err);
})
.catch((e) => {
console.log("Caught", e);
})
}
});
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/vue.resource/1.2.1/vue-resource.min.js"></script>
<div id="app">
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句