このプロジェクトはフロントエンドとバックエンドが分かれたプロジェクトであり、クライアントのフロントエンドのコード、管理システムのフロントエンドとバックエンドのコード(クライアントと管理バックエンドの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 構成ファイルを作成する必要がありますか?