Nuxt.js asyncDataを使ってAPIアクセスしたらconnect ETIMEDOUTになった Nuxt.js asyncDataを使ってAPIアクセスしたらconnect ETIMEDOUTになった 結論 DNSの名前解決に失敗している 理由 asyncDataはリクエスト元がサーバーサイドなので、自分自身のサーバーに対してリクエストしているのだけれど、そのリクエスト指定がフルのURL(https://domain-name.com/api/xxxxx)のような形だったのですが そのサーバーの前段にconohaのロードバランサーを入れていました。 その結果、DNSの名前解決先としてはロードバランサーのIPを示しているため 結果、ロードバランサーの後ろにあるNuxt.jsサーバーからロードバランサーにapiリクエストが 飛ぶという問題でした 解決策 APIサーバーを別に立てて、別ドメインにしました。 Firebaseのfunctionsが便利でしたので、functionsにnodeサーバーでAPIを構築し解決です。 By nosuke|2022-06-27T23:39:19+09:006月 27th, 2022|Nuxt.js| Share This Article FacebookTwitterLinkedInWhatsAppTumblrPinterestVk電子メール 関連投稿 Nuxt.js をPM2でデーモン化しながら起動する方法 最新版 Nuxt.jsで大規模なサイトをSPAで作って大丈夫?→やめた方がいいと思う Nuxt.js のエラー 「Failed to execute 'appendChild' on 'Node': This node type does not support this method」 nuxt.js のSSRデバッグ方法 by Jetbrain