async和await异步函数在接口请求失败时代码不会继续向下执行

一、遇到的问题

在异步函数中调用接口，使用了async和await，因为接口调用404导致报错，最后函数内的代码不会继续向下执行，从而使其他业务逻辑bug。

// 通过.catch 捕获异常下面的打印才会正常执行到。
// 还可以通过把调用接口的地方用try catch 包裹起来
 useEffect(() => {
    const asyncFn = async () => {
      const res = await axios({
        method: 'get',
        url: 'http://localhost:8000/async'
      }).catch((err) => {
        console.log(err);
      });
      console.log(res, 'res');
    };
    asyncFn();
  }, []);