質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

解決済

dockerコンテナ上のflaskへの接続

3u1
3u1

総合スコア6

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

2回答

0評価

0クリップ

154閲覧

投稿2022/06/22 06:11

react,flask,niginx,msqlのコンテナを作成したプリケーションを作っています
開発環境では以下いずれともブラウザからアクセス可能なのですが
localhost:3000/
http://localhost/

本番環境の場合、port:3000は受け付けないので以下でブラウザアクセスします。
http://ipaddress/

フロント(react)については当たり前ですがブラウザからちゃんと表示されているのですが
以下エラーとなりflaskとの接続ができません。

localhost:5000/api/user_get:1 Failed to load resource: net::ERR_CONNECTION_REFUSED

コンテナが上がっているサーバー上にてcurlコマンドでAPIを呼び出すと以下のどちらも形式も応答します
curl localhost:5000/api/user_get
curl ipaccress:5000/api/user_get

おそらく初歩的な部分の知識不足と思いますが、本番環境でflaskとの接続をするにはどのあたりを見るべきでしょうか

念のため以下のymlとnginxのコンフィグを張ります

dockercompose.yml

services: flask_app: build: context: ./flask container_name: flask ports: - "5000:5000" networks: - frontend - backend volumes: - ./flask:/var/www/flask tty: true environment: TZ: Asia/Tokyo command: flask run --host 0.0.0.0 --port 5000 react_app: build: context: ./front container_name: react volumes: - ./front/:/usr/src/app environment: CHOKIDAR_USEPOLLING: "true" command: sh -c "cd react-app && yarn install && yarn dev" ports: - "3000:3000" networks: - frontend tty: true stdin_open: true nginx: build: context: ./nginx container_name: nginx ports: - "80:80" volumes: - ./front/react-app/dist:/var/www - ./nginx/:/etc/nginx/conf.d/ depends_on: - react_app networks: - frontend networks: frontend: driver: bridge backend: driver: bridge

nginx.conf

server { listen 80; location / { root /var/www; index index.html index.htm; try_files $uri /index.html; } error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } location /api { proxy_pass http://flask:5000; } }

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです