LoginSignup
3
0

More than 1 year has passed since last update.

Nuxt.jsでロードバランサーを使ってスクリプトが404になっちゃう場合の回避策

Last updated at Posted at 2022-08-23

Nuxt.jsをサーバー上でビルドするような環境においてSPAで使ってしまうと、複数サーバー構成でロードバランサーを使いたいとなった場合に読み込みスクリプトが404になってしまう場合があります。
これはNuxt.jsに限った話ではないですが、例えば以下のように/loginのhtmlに書かれた後続のjsファイルを読み込む際にロードバランサーで振り分けられると、読み込み先サーバーにjsファイルが存在しない場合に404エラーとなってしまいます。

スクリーンショット 2022-08-26 11.51.56.png

回避策

ロードバランサーの効果は薄まってしまいますが、スティッキーセッションを設定することで404エラーを回避することができます。

  • スティッキーセッションを設定
    スクリーンショット 2022-08-24 1.30.37.png

  • 404エラーが解消される
    スクリーンショット 2022-08-26 11.52.37.png

上記はあくまで回避策のひとつですがデメリットもあるため、デプロイ先変更(S3等)やデプロイ方式見直し、SSRへの変更など他の策も検討してみるのが良いかと思います。
それでは。

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0