Vue アプリケーションと Node バックエンド サーバー アプリケーションを nginx にデプロイするにはどうすればよいですか?

Vue アプリケーションと Node バックエンド サーバー アプリケーションを nginx にデプロイするにはどうすればよいですか?

私は、index.html とすべてのバンドルを含む dist フォルダーを生成して構築した vue フロントエンド アプリケーションを持っています。さらに、上記のフロントエンド アプリケーションに Restful サービスを提供する別の Express ベース ノード アプリケーションを開発しました。私は Linode ubuntu 17.10 VPS を持っており、そこに nginx をインストールしています。Apache Web サーバーは使用したくありません。

vue アプリケーションを /var/www/ に直接コピーして、デフォルト設定で nginx の下で実行することはできますか?

ノード バックエンド アプリの場合、私は PM2 を使用するつもりです。PM2 は、nginx を実行している同じ Linode VPS インスタンス上で実行中のノード バックエンド アプリを管理/監視します。理想的には、このバックエンド ノード アプリへの API を呼び出すことができるのは vue アプリだけであり、つまり、この API はパブリックにアクセス可能であってはならず、これを実現する方法がわかりません。

上記のシナリオで、これら 2 つのアプリを本番環境にデプロイする最適な方法は何ですか?

Vue フロントエンドのプロダクション ビルドは、React または Angular アプリに似ているため、他のすべてが同じであれば、答えはこれらにも同様に適用できるはずです。

関連情報