当结果api返回null或/403/404/500/503STUT时，widget中会出现抖动抛出消息

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json();
  })
  .then(data => {
    // 更新UI
  })
  .catch(error => {
    console.error('There was a problem with the fetch operation:', error);
    // 显示错误消息给用户
    showError(error.message);
  });

function showError(message) {
  const errorDiv = document.createElement('div');
  errorDiv.className = 'error-message';
  errorDiv.textContent = message;
  document.body.appendChild(errorDiv);
  // 可以设置一个定时器来移除错误消息
  setTimeout(() => {
    document.body.removeChild(errorDiv);
  }, 5000); // 5秒后移除错误消息
}

function fetchWithRetry(url, options, retries = 3, backoff = 300) {
  return fetch(url, options).catch(error => {
    if (retries > 0) {
      setTimeout(() => {
        return fetchWithRetry(url, options, retries - 1, backoff * 2);
      }, backoff);
    } else {
      throw error;
    }
  });
}