EC2を2つ用いてrailsアプリ運用がしたい。 2つのサーバーを用いたとき,CSS・JSがほとんど反映されなくなる

Question

前提・実現したいこと

EC2を2つ用いてrailsアプリ運用がしたい。
2つのサーバーを用いたときでも、CSS・JSを読みこめるようにしたい。

現状
AWSで下記の構成でrailsアプリのデプロイまで完了しました。

発生している問題・エラーメッセージ

両方のサーバーで
rails server -e production
をして、スマホで確認すると、
CSSやJSが表示されないことが多々ある。
また一度表示されなくなるとsafariなどのアプリをタスクキルしない限り、
そのページは再読み込みしたとしても、CSS・JSが読み込まれない。
タスクキルしても表示されないこともある。

気持ち画像が多いページ程、CSS・JSが反映されなくなっている。

片方のみのEC2で
rails server -e production
をした時は問題なくCSS・JSは表示される。

該当のソースコード

ruby
log/production.log
[af1fe402-43d0-4797-900d-096e58574a44] ActionController::RoutingError (No route matches [GET] "/packs/media/slick/ajax-loader-c5cd7f53.gif"):
[af1fe402-43d0-4797-900d-096e58574a44]
F, [2021-07-20T13:53:30.078738 #14195] FATAL -- : [0eec3015-2980-4d50-88ea-dbdd38eee56e]
[0eec3015-2980-4d50-88ea-dbdd38eee56e] ActionController::RoutingError (No route matches [GET] "/packs/media/fonts/slick-d41f55a7.ttf"):
[0eec3015-2980-4d50-88ea-dbdd38eee56e]
F, [2021-07-20T13:53:36.578798 #14195] FATAL -- : [9170e9f1-6e53-4513-a842-5eb6b2a60fd6]
[9170e9f1-6e53-4513-a842-5eb6b2a60fd6] ActionController::RoutingError (No route matches [GET] "/packs/media/slick/ajax-loader-c5cd7f53.gif"):
[9170e9f1-6e53-4513-a842-5eb6b2a60fd6]
F, [2021-07-20T13:53:36.716955 #14195] FATAL -- : [45afdf57-8b00-43cf-93e7-b113b7a56154]
[45afdf57-8b00-43cf-93e7-b113b7a56154] ActionController::RoutingError (No route matches [GET] "/packs/media/fonts/slick-d41f55a7.ttf"):
[45afdf57-8b00-43cf-93e7-b113b7a56154]
F, [2021-07-20T13:54:02.049332 #14195] FATAL -- : [ce1c4b7b-19e1-46e3-b1a6-f73dac82ec46]
[ce1c4b7b-19e1-46e3-b1a6-f73dac82ec46] ActionController::RoutingError (No route matches [GET] "/packs/js/application-b610d75862aa1fd2e383.js.map"):
[ce1c4b7b-19e1-46e3-b1a6-f73dac82ec46]
F, [2021-07-20T13:54:02.207922 #14195] FATAL -- : [713e50a8-f7b5-4cf9-b21f-dafc41e19fb2]
[713e50a8-f7b5-4cf9-b21f-dafc41e19fb2] ActionController::RoutingError (No route matches [GET] "/packs/media/slick/ajax-loader-c5cd7f53.gif"):
[713e50a8-f7b5-4cf9-b21f-dafc41e19fb2]
F, [2021-07-20T13:54:02.267868 #14195] FATAL -- : [ff052d0f-281e-489c-bd80-5d30bb6e8115]
[ff052d0f-281e-489c-bd80-5d30bb6e8115] ActionController::RoutingError (No route matches [GET] "/packs/media/fonts/slick-b7c9e1e4.woff"):
[ff052d0f-281e-489c-bd80-5d30bb6e8115]
F, [2021-07-20T13:54:02.338087 #14195] FATAL -- : [303e39fa-3183-46f7-80fa-2e371385ad18]
[303e39fa-3183-46f7-80fa-2e371385ad18] ActionController::RoutingError (No route matches [GET] "/packs/media/fonts/slick-d41f55a7.ttf"):
[303e39fa-3183-46f7-80fa-2e371385ad18]
F, [2021-07-20T13:54:06.528087 #14195] FATAL -- : [1c41adf1-a49d-46e9-b945-91f5bbc3a596]
[1c41adf1-a49d-46e9-b945-91f5bbc3a596] ActionController::RoutingError (No route matches [GET] "/packs/js/application-b610d75862aa1fd2e383.js.map"):
[1c41adf1-a49d-46e9-b945-91f5bbc3a596]
F, [2021-07-20T13:54:06.725809 #14195] FATAL -- : [c52df05e-c1f8-4e3e-af2b-f19bd1197ab6]
[c52df05e-c1f8-4e3e-af2b-f19bd1197ab6] ActionController::RoutingError (No route matches [GET] "/packs/media/slick/ajax-loader-c5cd7f53.gif"):
[c52df05e-c1f8-4e3e-af2b-f19bd1197ab6]
F, [2021-07-20T13:54:06.778260 #14195] FATAL -- : [c5580b05-6b49-4be0-8e3f-4c2614a11b98]
[c5580b05-6b49-4be0-8e3f-4c2614a11b98] ActionController::RoutingError (No route matches [GET] "/packs/media/fonts/slick-b7c9e1e4.woff"):
[c5580b05-6b49-4be0-8e3f-4c2614a11b98]
F, [2021-07-20T13:54:06.934064 #14195] FATAL -- : [e67eff19-ae0e-4355-803a-c5577b6ba99a]
[e67eff19-ae0e-4355-803a-c5577b6ba99a] ActionController::RoutingError (No route matches [GET] "/packs/media/fonts/slick-d41f55a7.ttf"):
[e67eff19-ae0e-4355-803a-c5577b6ba99a]
F, [2021-07-20T14:12:02.274062 #14195] FATAL -- : [5aa25c62-b307-4822-b719-9651c7270166]
[5aa25c62-b307-4822-b719-9651c7270166] ActionController::RoutingError (No route matches [GET] "/favicon.ico"):
[5aa25c62-b307-4822-b719-9651c7270166]
F, [2021-07-20T14:34:35.516776 #14195] FATAL -- : [78bae128-d8c7-4fc8-a4c0-455c85b64198]
[78bae128-d8c7-4fc8-a4c0-455c85b64198] ActionController::RoutingError (No route matches [GET] "/.env"):
[78bae128-d8c7-4fc8-a4c0-455c85b64198]
F, [2021-07-20T14:34:35.912826 #14195] FATAL -- : [a920c07c-d9f5-4e0a-9510-343fe65ba791]
[a920c07c-d9f5-4e0a-9510-343fe65ba791] ActionController::RoutingError (No route matches [POST] "/"):

config/environments/production.rb
Rails.application.configure do
  # Settings specified here will take precedence over those in config/application.rb.
  
  # Code is not reloaded between requests.
  config.cache_classes = true

  config.eager_load = true


  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true


  config.require_master_key = true

  config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?


  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = true
  config.assets.initialize_on_precompile=false
  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
  # config.action_controller.asset_host = 'http://assets.example.com'

  # Specifies the header that your server uses for sending files.
  # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX

  # Store uploaded files on the local file system (see config/storage.yml for options).
  config.active_storage.service = :local

  # Mount Action Cable outside main process or domain.
  # config.action_cable.mount_path = nil
  # config.action_cable.url = 'wss://example.com/cable'
  # config.action_cable.allowed_request_origins = [ 'http://example.com', /http://example.*/ ]

  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  # config.force_ssl = true

  # Use the lowest log level to ensure availability of diagnostic information
  # when problems arise.
  config.log_level = :error

  # Prepend all log lines with the following tags.
  config.log_tags = [ :request_id ]

  # Use a different cache store in production.
  # config.cache_store = :mem_cache_store

  # Use a real queuing backend for Active Job (and separate queues per environment).
  # config.active_job.queue_adapter     = :resque
  # config.active_job.queue_name_prefix = "アプリ名_production"

  config.action_mailer.perform_caching = false

  # Ignore bad email addresses and do not raise email delivery errors.
  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
  # config.action_mailer.raise_delivery_errors = false

  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
  # the I18n.default_locale when a translation cannot be found).
  config.i18n.fallbacks = true

  # Send deprecation notices to registered listeners.
  config.active_support.deprecation = :notify

  # Use default logging formatter so that PID and timestamp are not suppressed.
  config.log_formatter = ::Logger::Formatter.new

  # Use a different logger for distributed setups.
  # require 'syslog/logger'
  # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name')

  if ENV["RAILS_LOG_TO_STDOUT"].present?
    logger           = ActiveSupport::Logger.new(STDOUT)
    logger.formatter = config.log_formatter
    config.logger    = Logger.new("log/production.log", 5, 10 * 1024 * 1024)
  end

  # Do not dump schema after migrations.
  config.active_record.dump_schema_after_migration = false



end

config/puma.rb

max_threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
min_threads_count = ENV.fetch("RAILS_MIN_THREADS") { max_threads_count }
threads min_threads_count, max_threads_count

#port        ENV.fetch("PORT") { 3000 }
bind "unix://#{Rails.root}/tmp/sockets/puma.sock"
# Specifies the `environment` that Puma will run in.
#
environment ENV.fetch("RAILS_ENV") { "development" }

# Specifies the `pidfile` that Puma will use.
pidfile ENV.fetch("PIDFILE") { "tmp/pids/server.pid" }


# Allow puma to be restarted by `rails restart` command.
plugin :tmp_restart

/etc/nginx/conf.d/rails.conf
upstream puma {
    # pumaの設定で指定したsocketファイルを指定

     server unix:///var//www/アプリ名/tmp/sockets/puma.sock;

}

server {
        # nginxが待ち受けしたいポートを指定

        listen 3000 default_server;

        listen [::]:3000 default_server;

        server_name puma;

        location ~* .(html|scss|js)$ {
                  root /var/www/アプリ名/public;
                  expires 10d;
                  access_log off;
                  break;
        }

    location / {
        proxy_read_timeout 300;

        proxy_connect_timeout 300;

        proxy_redirect off;

        proxy_set_header Host $host;

        proxy_set_header X-Forwarded-Proto $http_x_forwarded_proto;

        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        # 上記server_name で設定した名前で指定

        proxy_pass http://puma;
    }
}

試したこと

assetsファイルに問題があると考え、
2つのサーバーのyarn、nodeのバージョンが一致している事を確認した。
相違していたためバージョンを揃えて、再度
rails assets:precompile RAILS_ENV=production
をしたが直らなかった。

次にキャッシュが影響しているのではないかと考え、
config/environments/production.rb
の
config.cache_classes = true
config.eager_load = true
config.action_controller.perform_caching = true
をfalseにしてみたが直らなかった。

補足情報（FW/ツールのバージョンなど）

nginx
Rails 6.1.3.1
ruby 3.0.0p0
Bundler version 2.2.16
yarn 1.22.10
node v12.21.0

Comments

[Noin]

セッション周りやLBの設定がわかりません。
気になったのは、セッション周りですかね。
動的処理の下に置いてる場合は、外に置いた方が良いです。（nginx側）
セッション管理がローカルの場合はサーバの外、memcachedやredisに置くかLBをNLBにして一度アクセスしたサーバは維持するようにするなどすると良いです。