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

Question

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

Answer 1

• 開発モードの場合: 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 を参照してください。