VueJS HTTP 请求错误 500 处理

西蒙·斯托亚诺夫

我在向 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTTP状态500-请求处理失败;

来自分类Dev

PHP-本地主机当前无法处理此请求。HTTP错误500

来自分类Dev

Spring MVC“请求处理失败” 500错误

来自分类Dev

Spring MVC“请求处理失败” 500错误

来自分类Dev

Json端点循环引用处理程序HTTP 500错误

来自分类Dev

heroku该页面无法正常运行interfaceapp.herokuapp.com当前无法处理此请求。HTTP错误500

来自分类Dev

Axios请求返回错误500(Laravel,Axios和Vuejs)

来自分类Dev

在laravel中发布axios(VueJS)的请求给500错误

来自分类Dev

HTTP代码,用于处理请求中的错误

来自分类Dev

RxJS HTTP 请求错误处理

来自分类Dev

CouchDB错误500:HTTP请求中的function_clause错误

来自分类Dev

Python HTTP错误500

来自分类Dev

HTTP POST请求中出现500内部错误

来自分类Dev

Flutter发送帖子请求返回http错误500

来自分类Dev

POST 请求上的 Http 500 内部服务器错误

来自分类Dev

无法通过Spring 4查询数据库(HTTP 500请求处理失败)

来自分类Dev

HTTP状态500-请求处理失败。嵌套异常是java.lang.NullPointerException

来自分类Dev

同时尝试从数据库中删除 HTTP 状态 500 - 请求处理失败

来自分类Dev

localhost 当前无法处理此请求。运行特定代码时出现 HTTP ERROR 500

来自分类Dev

处理肥皂故障时出现错误,DataPower中出现HTTP 500错误

来自分类Dev

$http - post - 未处理错误请求错误(未定义)

来自分类Dev

在vuejs中处理Http Exception错误消息的最佳方法是什么?

来自分类Dev

对HTTP请求的express.js错误处理

来自分类Dev

使用 $.ajax 请求获得成功结果,但使用 $http 请求获得错误 500

来自分类Dev

Android上的HTTP错误500

来自分类Dev

RewriteRule给出HTTP 500错误

来自分类Dev

捕获“HTTP500 错误”

来自分类Dev

HTTP状态500-请求处理失败;重构Service类后,嵌套的异常为java.lang.NullPointerException

来自分类Dev

HTTP状态500-请求处理失败;嵌套的异常是org.springframework.web.bind.annotation.support.HandlerMethodInvocationException

Related 相关文章

  1. 1

    HTTP状态500-请求处理失败;

  2. 2

    PHP-本地主机当前无法处理此请求。HTTP错误500

  3. 3

    Spring MVC“请求处理失败” 500错误

  4. 4

    Spring MVC“请求处理失败” 500错误

  5. 5

    Json端点循环引用处理程序HTTP 500错误

  6. 6

    heroku该页面无法正常运行interfaceapp.herokuapp.com当前无法处理此请求。HTTP错误500

  7. 7

    Axios请求返回错误500(Laravel,Axios和Vuejs)

  8. 8

    在laravel中发布axios(VueJS)的请求给500错误

  9. 9

    HTTP代码,用于处理请求中的错误

  10. 10

    RxJS HTTP 请求错误处理

  11. 11

    CouchDB错误500:HTTP请求中的function_clause错误

  12. 12

    Python HTTP错误500

  13. 13

    HTTP POST请求中出现500内部错误

  14. 14

    Flutter发送帖子请求返回http错误500

  15. 15

    POST 请求上的 Http 500 内部服务器错误

  16. 16

    无法通过Spring 4查询数据库(HTTP 500请求处理失败)

  17. 17

    HTTP状态500-请求处理失败。嵌套异常是java.lang.NullPointerException

  18. 18

    同时尝试从数据库中删除 HTTP 状态 500 - 请求处理失败

  19. 19

    localhost 当前无法处理此请求。运行特定代码时出现 HTTP ERROR 500

  20. 20

    处理肥皂故障时出现错误,DataPower中出现HTTP 500错误

  21. 21

    $http - post - 未处理错误请求错误(未定义)

  22. 22

    在vuejs中处理Http Exception错误消息的最佳方法是什么?

  23. 23

    对HTTP请求的express.js错误处理

  24. 24

    使用 $.ajax 请求获得成功结果,但使用 $http 请求获得错误 500

  25. 25

    Android上的HTTP错误500

  26. 26

    RewriteRule给出HTTP 500错误

  27. 27

    捕获“HTTP500 错误”

  28. 28

    HTTP状态500-请求处理失败;重构Service类后,嵌套的异常为java.lang.NullPointerException

  29. 29

    HTTP状态500-请求处理失败;嵌套的异常是org.springframework.web.bind.annotation.support.HandlerMethodInvocationException

热门标签

归档