フロントエンド用の Vue と Blazor

Question

大学のウェブサイトを作成する必要があるプロジェクトがあります。全体のデザインとビューの部分が完成しました。しかし、先生との誤解とコミュニケーション不足があり、先生は私たちに .NETBlazor を使用して管理パネルを作成するよう求めました。たとえば、Web サイトにお知らせセクションがあり、Blazor を使用して作成された管理パネルからのデータをこのセクションに入力する必要があります。しかし、それは可能でしょうか？同じブラウザと同じポートで両方のプロジェクトを実行できますか?ご意見ありがとうございます。

P粉037880905 · Answer

開発モードの場合: Vue フロントエンドをポート 4200 (たとえば) で実行し、バックエンドをポート 5050 (たとえば) で実行できます。次に、プロキシを作成して、フロントエンドから API にリクエストを送信できるようにします。 https://cli.vuejs.org/config/#devserver-proxy を参照してください。
Prod モードの場合: フロントエンドを dist フォルダーにビルドし、出力をバックエンドアプリケーションの wwwroot にコピーします。これで、フロントエンドが API の一部になります。 blazor アプリケーションは変更されていないため、連携して動作します。
https://learn.microsoft.com/en-us/aspnet/core/fundamentals/static-files?view=aspnetcore-6.0 を参照してください。