Q&A
#解決したい事
お世話になっております。
Railsで作成したアプリをcapistranoでデプロイしましたがjsが機能せず、画像も表示されていませんでした。
chromeのデベロッパーツールで確認すると下記のパスに対する404エラーが出ていました。(開発環境では正常に動く)
https://www.habitispower.com/packs/js/application-5f5c9ae8e623689c9d6b.js
本番サーバーを確認すると確かに上記のファイルは存在しませんでした。
$ pwd /var/rails/Life-changing/current/public/packs/js [hanayama@ip-10-0-1-159 js]$ ll 合計 6236 -rw-rw-r-- 1 hanayama hanayama 1012716 1月 27 15:02 application-65d9a531d6bd136682ed.js -rw-rw-r-- 1 hanayama hanayama 16187 1月 27 15:02 application-65d9a531d6bd136682ed.js.LICENSE.txt -rw-rw-r-- 1 hanayama hanayama 175388 1月 27 15:02 application-65d9a531d6bd136682ed.js.br -rw-rw-r-- 1 hanayama hanayama 258531 1月 27 15:02 application-65d9a531d6bd136682ed.js.gz -rw-rw-r-- 1 hanayama hanayama 3509563 1月 27 15:02 application-65d9a531d6bd136682ed.js.map -rw-rw-r-- 1 hanayama hanayama 514711 1月 27 15:02 application-65d9a531d6bd136682ed.js.map.br -rw-rw-r-- 1 hanayama hanayama 887389 1月 27 15:02 application-65d9a531d6bd136682ed.js.map.gz drwxrwxr-x 2 hanayama hanayama 288 1月 27 15:02 src
デプロイ先が違うのかなと思い、capistranoの設定ファイルやnginxの設定ファイルを見直しましたが原因がわかりませんでした。
わかる方いましたらぜひ知恵を貸していただけると幸いです。
よろしくお願いしますm(__)m
Nginx設定ファイル
# log directory error_log /var/rails/Life-changing/shared/log/nginx.error.log; access_log /var/rails/Life-changing/shared/log/nginx.access.log; # max body size client_max_body_size 2G; upstream app_server { # for UNIX domain socket setups server unix:/var/rails/Life-changing/shared/tmp/sockets/.unicorn.sock fail_timeout=0; } server { listen 80; server_name 52.196.77.54; # nginx so increasing this is generally safe... keepalive_timeout 5; # path for static files root /var/rails/Life-changing/current/public; # page cache loading try_files $uri/index.html $uri.html $uri @app; location @app { # HTTP headers proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_redirect off; proxy_pass http://app_server; } # Rails error pages error_page 500 502 503 504 /500.html; location = /500.html { root /var/rails/Life-changing/current/public; } }
deploy.rb
# production環境、stading環境どちらにも当てはまる設定ファイル lock "~> 3.15.0" # capostranoのバージョン set :application, "Life-changing" #デプロイするアプリケーション名 set :repo_url, "git@github.com:hanayama3/Life-changing.git" #どのリポジトリからcloneするか指定 # set :branch, 'master' deployするブランチ デフォルトがmasterなのでコメントアウト set :rbenv_type, :user set :rbenv_ruby, '2.6.3' set :deploy_to, "/var/rails/Life-changing" # deploy先のディレクトリ # set :linked_files, fetch(:linked_files, []).push("config/master.key") append :linked_files, "config/master.key" append :linked_dirs, "shared/log", "shared/tmp/pids", "shared/tmp/cache", "shared/tmp/sockets", "shared/public/system" set :keep_releases, 5 # デプロイ処理が終わった後、Unicornを再起動するための記述 after 'deploy:publishing', 'deploy:restart' namespace :deploy do task :restart do invoke 'unicorn:restart' end end
deploy/production.rb
set :rails_env, 'production' # server-based syntax # ====================== # Defines a single server with a list of roles and multiple properties. # You can define all roles on a single server, or split them: # どの公開鍵を利用してデプロイするか set :ssh_options, auth_methods: ['publickey'], keys: ['~/.ssh/hanayama_key_rsa'] server "52.196.77.54", user: "hanayama", roles: %w{app db web}, my_property: :my_value # server "example.com", user: "deploy", roles: %w{app web}, other_property: :other_value # server "db.example.com", user: "deploy", roles: %w{db} # プロセス番号を記載したファイルの場所 set :unicorn_pid, -> { "/var/rails/Life-changing/shared/tmp/pids/unicorn.pid" } # set :unicorn_pid, -> { "#{shared_path}/tmp/pids/unicorn.pid" } #{shared_path} # Unicornの設定ファイルの場所 set :unicorn_config_path, -> { "/var/rails/Life-changing/current/config/unicorn.conf.rb" } # set :unicorn_config_path, -> { "#{current_path}/config/unicorn.conf.rb" }
_login.erb (画像を読み込んでるファイル)
<% @user ||= current_user %> <% time_out?(@user) %> <div class="container-lg login-index"> <div class="index-content"> <div class="user-content"> <%= attachment_image_tag @user, :image, fallback: "no-image.jpeg",class: "icon"%> <div class="user-box"> <div><%= link_to @user.name, @user %></div> <div>Lv. <%= @user.level %></div> </div> </div> <% if @user.habits.blank? %> <div class="habit-list-item"> <div class="not-habit"><%= link_to "習慣の登録", new_habit_path %></div> </div> <% else %> <div class="habit-list-item"> <% @user.habits.each do |habit| %> <div data-option="<%= habit.id %> "class="habit-show"><%= habit.task %></div> <div class="habit-modal habit-id<%= habit.id %>"> <div class="modal-box"> <p class="pb-4 modal-task">習慣 <%= habit.task %></p> <div class="modal-item"> <p>週 <%= habit.frequency %>回</p> <p>達成(週) <%= habit.complete %>回</p> <p>終了日時 <%= habit.end_time %>日</p> </div> <div class="close-modal"> <i class="fa fa-2x fa-times"></i> </div> </div> </div> <% end %> </div> <% end %> <div class="mt-5"> <%= link_to "記録する", mission_user_path(@user) %> <%= link_to "投稿する", new_post_path %> </div> </div> </div> <% if @message %> <script type="text/javascript"> toastr.error("<%= @message %>") <% @tasks.each do |task| %> toastr.error("<%= task + "を実行できませんでした" %>") <% end %> </script> <% end %>
#環境
capistrano 3.15.0
nginx version: nginx/1.16.1
Rails 6.0.3.4
ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]
node v15.5.1
あなたの回答
tips
プレビュー
