[Vite + React] Running an ASP.NET Core application behind a reverse proxy

...

   app.MapControllers();

   app.MapWhen(context => context.Request.Path.StartsWithSegments("/api") == false,

       b => {

           b.UseSpa(spa =>

           {

               if (builder.Environment.EnvironmentName == "Development") 

               {

                   spa.Options.SourcePath = "office-file-accessor";

                   spa.UseProxyToSpaDevelopmentServer("http://localhost:5173");

               }

               else

               {

                    spa.Options.SourcePath = "office-file-accessor/dist";

               }

           });

       });

   app.Run();

...

export function getServerUrl() {

    if(import.meta.env.MODE === "production") {

        return "/officefiles";

    }

    return "";

}

import { useEffect } from "react"

import { getServerUrl } from "./web/serverUrlGetter";



export function IndexPage(): JSX.Element {

    useEffect(() => {

        fetch(`${getServerUrl()}/api/files`, {

            mode: "cors",

            method: "GET"

        })

        .then(res => res.text())

        .then(res => console.log(res))

        .catch(err => console.error(err));

    }, []);





    return <h1>Hello World!</h1>

}