NetworkError: Fetch operation failed の解決方法

// ネットワーク接続を確認
navigator.onLine; // trueの場合、オンライン状態

// サーバーの応答確認（例: curlコマンド）
curl -I https://example.com

// 正しいURLを指定
fetch('https://example.com/api/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

// サーバー側のCORS設定例（Node.jsの場合）
const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors());

app.get('/api/data', (req, res) => {
  res.json({ message: 'CORS設定が正しい場合、このメッセージが表示されます。' });
});

app.listen(3000);

// タイムアウトを設定する例
const controller = new AbortController();
const signal = controller.signal;

// 5秒後にリクエストを中止
setTimeout(() => controller.abort(), 5000);

fetch('https://example.com/api/data', { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('タイムアウトまたはエラー:', error));

// サーバーログを確認
tail -f /var/log/server.log

// OpenSSLで証明書確認
openssl s_client -connect example.com:443

// レスポンスをテキストで確認
fetch('https://example.com/api/data')
  .then(response => response.text())
  .then(data => console.log(data))
  .catch(error => console.error(error));

// プロキシ設定を利用したFetch例
fetch('https://example.com/api/data', {
  headers: {
    'Proxy-Authorization': 'Basic base64encodedcredentials'
  }
});

// トークンを付与したFetch例
fetch('https://example.com/api/secure-data', {
  headers: {
    'Authorization': 'Bearer yourAccessToken'
  }
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));