VueJS HTTP请求错误500处理

Question

我在向API发出HTTP请求时遇到了这个问题，如果出现错误（特别是错误500），JS会中断或进入无限循环，我应该关闭窗口并重新打开页面。 我需要弹出一条消息，并以非常通用的方式解释发生了什么。 我该如何处理此类错误？

请求示例：

this.$http.get('people', { params }).then(({ data }) => {

            this.setFetching({
                fetching: false
            })
        })

Answer 1

then 接受第二个回调来处理错误。 您也可以提供一个.catch除.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>