How giondesign/aspnet-core-6-with-vite-and-vue-3-base-template works
This is a starter web application combining a Vue 3/Vite client with an ASP.NET Core API. The principal workflow is a user clicking the client button, which requests the weather-forecast endpoint through Vite’s development proxy and logs the API response. ASP.NET Core configures controller routing; the README documents the endpoint’s sample response. The client also has a Vue bootstrap, a scaffold component, and an optional router setup. Backend controller internals and the weather model were not excerpted, so their implementation details and relationship are not inferred.
Main entry points: App.vue App view · main.js Vue bootstrap · WeatherForecastController.cs Weather API · index.js Vue router
Components 10
Vue client
- Vue bootstrap
ClientApp/src/main.js - App view
ClientApp/src/App.vue - HelloWorld view
ClientApp/src/components/HelloWorld.vue - Vue router
ClientApp/src/router/index.js - Vuex store
ClientApp/src/store/index.js
HTTP integration
- API proxy
ClientApp/vite.config.js
ASP.NET Core
- ASP.NET pipeline
Program.cs - Weather API
Controllers/Examples/WeatherForecastController.cs - Forecast model
Models/Examples/WeatherForecast.cs
Other components
- User
Connections 10
- User → App view: uses
README.md - Vue bootstrap → App view: mounts
ClientApp/src/main.js - Vue bootstrap → Vue router: installs
ClientApp/src/main.js - Vue bootstrap → Vuex store: installs
ClientApp/src/main.js - App view → HelloWorld view: renders
ClientApp/src/App.vue - Vue router → HelloWorld view: routes to
ClientApp/src/router/index.js - App view → Weather API: requests forecast
README.md - API proxy → ASP.NET pipeline: proxies API
ClientApp/vite.config.js - ASP.NET pipeline → Weather API: routes controllers
Program.cs - Weather API → App view: returns forecast
README.md