當 Javascript 中的 API 鏈接錯誤時，如何防止控制台中顯示 404 錯誤？

Question

例如，我獲取https://api.github.com/users/{user input}並且用戶輸入是一個不存在的 Github 用戶名。 如何防止 404 錯誤顯示在控制台中，但向用戶顯示用戶名錯誤的警告。

Answer 1

使用捕獲：

    fetch(url).then((response) => {
      if (response.ok) {
        return response.json();
      } else {
        throw new Error('Something went wrong');
      }
    })
    .then((responseJson) => {
      // Do something with the response
    })
    .catch((error) => {
      console.log(error)
    });

或嘗試/捕獲：

try {
         fetch(url).then((response) => {
          if (response.ok) {
            return response.json();
          } else {
            throw new Error('Something went wrong');
          }
        })
        .then((responseJson) => {
          // Do something with the response
        })
    } catch(err) {
    console.log(err)
    }