このプロジェクトはフロントエンドとバックエンドが分かれたプロジェクトであり、クライアントのフロントエンドのコード、管理システムのフロントエンドとバックエンドのコード(クライアントと管理バックエンドのAPIインターフェースは同時に書き込まれます) は 3 つの github ウェアハウスに対応する 3 つのフォルダーにあります。
開発環境: ポート 3000 でバックエンド コード サーバーを開き、8080 と 8081 で 2 つのフロントエンド コード サーバーをそれぞれ開き、開発のためにポート 3000 へのドメイン間のインターフェイスのリクエストを実装しました。
そのようなプロジェクトをサーバーにデプロイするにはどうすればよいですか? pm2を使用します
私の期待は次のとおりです:
バックエンドコードは/www/backend/のフォルダーに配置され、nginxはURL: 'api.xxx.com/を通じてインターフェイスにアクセスできるように構成されています。 ... 'アクセス。
現時点で 2 つのフロントエンド プロジェクトをデプロイするにはどうすればよいですか?フロントエンド プロジェクトは vue-cli を通じてビルドされ、index.html と静的ファイルを含む dist フォルダーは npm build を通じて取得できます。 /www/frontend/ と /www/manager/ という 2 つのフォルダーがサーバーに保存用に作成されますか?これら 2 つのフロントエンド プロジェクトで Index.html にアクセスし、同時にバックエンド インターフェイスにアクセスするには、nginx をどのように構成すればよいでしょうか?合計 3 つの nginx 構成ファイルを作成する必要がありますか?
怪我咯2017-06-08 11:04:24
2 つのフロントエンド プロジェクトを 2 つのサーバーで構成し、異なるポートをリッスンすることができます。1 つの nginx 構成で十分です。
補足
世界只因有你2017-06-08 11:04:24
リーリー
フロントエンドのnginx設定はこれを参照できます。
推奨事項:
1. バックエンド サーバーはローカル 127.0.0.1 に対してのみ実行する必要があります
2. フロントエンド nginx 構成のリバース プロキシ アクセス API インターフェイス
3. 別のフロントエンド プロジェクトは上記の構成を参照します