Vue and Blazor for frontend

Question

We have a project that requires creating a website for a university. The entire desin and vue parts are completed. But there was misunderstanding and lack of communication with our teacher, who wanted us to create the admin panel using .NET Blazor. For example, we have an Announcements section in our website that we need to populate with data from an admin panel created using Blazor. But is this possible? Can I run both projects in the same browser and the same port_Thanks for your opinion.

Answer 1

• For development mode: You can run the Vue frontend on port 4200 (for example) and the backend on 5050 (for example). You can then create a proxy so that you can make requests to the API from the frontend. See https://cli.vuejs.org/config/#devserver-proxy

• For Prod mode: You build the frontend to a dist folder and then copy the output to the wwwroot of the backend application. Now your frontend will be part of the API. Since your blazor application has not changed they will work together see https://learn.microsoft.com/en-us/aspnet/core/fundamentals/static-files?view=aspnetcore-6.0