URLから:3000をぬくとCSSが反映されない問題に関して

Question

###前提・実現したいこと
Railsで作ったwebアプリにCSSを反映させたいです。

現在、Railsでwebアプリケーションを作っています。
Unicornとnginxを使い、なんとかAWSのEC2へデプロイし、server_nameに独自ドメインをあてる事ができたのですが、
URLに":3000"をつけた形ではないと、URLにアクセスした時にcssが反映されません。

【例】
cssが反映されない
http://アプリネーム.net/

cssが反映される
http://アプリネーム.net:3000/

実現したい事は、以下のURLにアクセスした時にcssが反映される事です。
http://アプリネーム.net

なにかの設定で
http://アプリネーム.net:3000/へhttp://アプリネーム.net/
の形でアクセスする事が可能なのであれば、それも実現したい事になります。

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

URLから ":3000"をぬいてアクセスし、ブラウザの検証でconsoleを見た時に表示されるもの

GET http://アプリネーム.net/assets/application-1a1e7929b2316369bb934bc0669a462567eec98b066a09c33604c68422b0b8f3.css net::ERR_ABORTED

###該当のソースコード
rails.conf

upstream app_server {
  server 127.0.0.1:3000;
}

server {
  listen 80;
  server_name <独自ドメイン>.net;
 
  root /var/www/アプリネーム/current/public;

  location ^~ /assets/ {
    gzip_static on;
    expires max;
    add_header Cache-Control public;
    root   /var/www/アプリネーム/current/public;
  }

  try_files $uri/index.html $uri @unicorn;

  location @unicorn {
    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;
  }

  error_page 500 502 503 504 /500.html;
}

###試したこと

proxy_pass http://app_server;
↓
proxy_pass http://アプリネーム:3000;

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Rails 5.0.6
nginx 1.12.1
unicorn 5.3.1

参考書籍：Ruby on Rails 5 アプリケーションプログラミング

初めての質問で、どんな情報が必要なのかよくわからないのですが、
この問題を解決するためにどんな情報が必要なのか、ご教示していただければと思います。

Comments

[defghi1977]

「:3000」の意味は判っていらっしゃいますか？

[CalFor20]

すみません、わからないです。開放してあるポートって事くらいしかわからないです。

[defghi1977]

「:3000」はWEBブラウザがWEBサーバーに対してHTTPリクエストを送りつける際に利用するTCPのポート番号を指し, 省略すると規定値の80番が選択されます. 時折単一のホストマシンが複数のWEBサーバーを稼働させることがあるので, それらを使い分ける目的でこのような仕組みになっています. 従って「:3000」をつけて動作し, 省略すると動かないのであれば, CSSを返すWEBサーバーが規定の80番ポートではなく3000番ポートでリクエストを待っていることになります. なお「3000番が開放してあるポート」という意味は, そうしないと3000番ポートをリッスンしているWEBサーバーにリクエストが届かないからです.

[CalFor20]

ご説明いただきまして、ありがとうございます。インフラ周りの基本的なところをもっと理解できるように努めます。丁寧なご説明、本当にありがとうございます。

Answer 1

通常のhttpポート:80ではない別のロジックで:3000でアクセスを許しているのでしょう
:80は省略されています

ポートごとに公開ディレクトリがちがうようなら:80側の公開ディレクトリに
:3000のソースをコピーするなど対応して下さい

Comments

[CalFor20]

知識不足で大変申し訳無く、ご回答いただいた内容もわからないくらいの者なので申し訳ありません。
cssを参照するパスが3000だと読み込めているみたいなので、applicationファイルに、:3000を参照するような記述したら、:80でも読み込むようになりました。

ありがとうございます。

以下の記事を参照しました。
http://code.materializer.co/7