How to fix vite error in Angular ASP.NET project?

Question

I have started my Angular ASP.NET project and ended up with the following error, just want to find out how to fix it:

Thank you!

Answer 1

either the webapi is not running, throwing an error, or not running on the expected port. check which port the webapi is running on, and hit the /weatherforecast url in the browser to verify. then in the angular project check the port number in vite.config.js. see server section:

        proxy: {
            '^/weatherforecast': {
                target: 'https://localhost:7250/',
                secure: false
            }
        },