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>