fetch 和 async/await 没有 try/catch

Question

我正在尝试让异步等待在没有 try/catch 的情况下工作  return await fetch(url, options)    .then(res => res.json())    .catch(err => {      throw new Error(err)    })这是我拨打电话的方式：    const response = await makeApiRequest('/reset', {        password: password1,        code    }, {        noauth: true    }).catch(err => {        debugger;        msg = err.message;    });    if (response) {        navigateTo('/');    }问题是没有一个 catch 块在工作。该代码已过期并提供 401。

Answer 1

仅当无法发出请求时，Fetch API 才会失败。如果可以，即使状态不好，fetch 也会成功执行。

因为throw new Error(err)从未被调用过，所以当您尝试将 a 解析invalid string content为 json 对象 ( res.json())时，它只会被调用。我来宾，在 401 情况下，您的服务器返回一个有效的 json 字符串，例如{message: "Unauthorized"}，然后res.json()工作正常，并且没有抛出任何错误。

如果你想捕捉 http 错误，那么http status codeof resobject 是一个正确的方法：

  return await fetch(url, options)

    .then(res => {

      if (res.status >= 300) { // error http status code range

        throw new Error(res.status) // throw a error to the catch block

      }

      return res.json();

    })

    .catch(err => {

      throw new Error(err) // catch and throw to the error of previous `.then` block

    })

然后再试一次。

Answer 2

这就是我的工作：

  return fetch(url, options)

    .then(async res => {

      if (!res.ok) {

        const err = await res.json()

        throw err.message || res.statusText

      }

      return res.json()

    })

    .catch(err => {

      throw new Error(err)

    })

你可以这样称呼它：

        const response = await myFetch('/forgot', {

            email

        }, {

            headers: {

                'x-contact': '[e-mail]'

            }

        }).catch(err => {

            msg = err.message;

            return;

        });

        if (response) {

            push('/');

        }