使用 try and catch 处理状态 500

Question

我不知道处理我的 API 发送的状态 500 的最佳方法是什么。 请你帮助我好吗？ 在下面的情况下，当我的 API 响应状态为 500 时，我希望在我的 redux 存储中设置错误消息。 当我的 API 发送成功状态码时，我希望在我的商店中“获取用户套牌”。

我的第一次尝试对我来说既合乎逻辑又枯燥，但它没有奏效：

const createDeck = async () => {
        try {
          const request = await fetch(`${back}/deck/`, options)
          const response = await request.json()
          store.dispatch({ type: FETCH_USER_DECKS })
        } catch (error) {
          store.dispatch({ type: SET_ERROR, message: error })
        }
      }

当 API 发送 500 状态时，似乎没有抛出异常，并且我的 catch 块中的代码被忽略。

我的第二次和第三次尝试也奏效了，但我也排除了它们，但它们感觉令人费解和奇怪：

第二次尝试：

 const createDeck = async () => {
        try {
          const request = await fetch(`${back}/deck/`, options)
          const response = await request.json()
          if (request.status === 201 || request.status === 200) {
            store.dispatch({ type: FETCH_USER_DECKS })
          } else {
          store.dispatch({ type: SET_ERROR, message: error })
          }
        } catch (error) {
          console.log('error')
        }
  }

这可行，但它完全忽略了 catch 块，这让我想知道：那么 try...catch 有什么意义呢？

第三次尝试：

  const createDeck = async () => {
    try {
      const request = await fetch(`${back}/deck/`, options)
      const response = await request.json()
      if (request.status === 201 || request.status === 200) {
        store.dispatch({ type: FETCH_USER_DECKS })
      } else {
        throw response
      }
    } catch (error) {
      store.dispatch({ type: SET_ERROR, message: error })
    }
  }

这第三次尝试使用了catch，但是手动抛出异常感觉很奇怪，立即被catch捕获。

我在这里错过了什么吗？

Answer 1

Isbn 在评论中正确回答了这个问题。 我再次把它放在这里是为了可见性：“由于您使用的是 fetch()，因此采用其实现 model 并且不将 500 响应视为异常（尝试 2）可能是有意义的。但我看不到您的第三次尝试也有任何问题（例如，axios 在这种情况下会引发错误）。请注意 fetch() 响应公开了一个 ok 属性以检查请求是否成功“