6 replies

Add React to .NET Api

I have written a .NET Api and now i want to create a web app that uses it. And i want to set it up that the .Net server serves that app on the

/

/ route (or better any out that's not

/api/*

/api/*

/api/*

/api/*). There is some info from microsoft but that almos exclusively to creating a new combined empty project with an VisualStudio template, but i don't want a new empty .NET app and i don't have VS.

Solution

Serve Files from

wwwroot

wwwroot

wwwroot

wwwroot folder

var builder = WebApplication.CreateBuilder(args);
...
var app = builder.Build();
...
app.UseStaticFiles();
app.UseDefaultFiles();
    app.MapFallbackToFile("index.html");

var builder = WebApplication.CreateBuilder(args);
...
var app = builder.Build();
...
app.UseStaticFiles();
app.UseDefaultFiles();
    app.MapFallbackToFile("index.html");

var builder = WebApplication.CreateBuilder(args);
...
var app = builder.Build();
...
app.UseStaticFiles();
app.UseDefaultFiles();
    app.MapFallbackToFile("index.html");

var builder = WebApplication.CreateBuilder(args);
...
var app = builder.Build();
...
app.UseStaticFiles();
app.UseDefaultFiles();
    app.MapFallbackToFile("index.html");

Tell Vite to build to

wwwroot

wwwroot

wwwroot

wwwroot folder:

export default defineConfig({
  plugins: [react()],
  build: {
    outDir: '../API/wwwroot',
    emptyOutDir: true,
  },
});

export default defineConfig({
  plugins: [react()],
  build: {
    outDir: '../API/wwwroot',
    emptyOutDir: true,
  },
});

export default defineConfig({
  plugins: [react()],
  build: {
    outDir: '../API/wwwroot',
    emptyOutDir: true,
  },
});

export default defineConfig({
  plugins: [react()],
  build: {
    outDir: '../API/wwwroot',
    emptyOutDir: true,
  },
});

Add Vite Build to Project Build & Lauch Settings

Jump to solution

Add React to .NET Api

Similar Threads

Similar Threads

Similar Threads