Skip to content

Vue

The Vue sample under samples/vue is a Vite + Vue 3 SPA. npm run build writes a static bundle to dist/.

AppHost wiring

C#
TypeScript

builder.AddJavaScriptApp("vue", "../vue")
    .WithHttpEndpoint(targetPort: 5174, env: "PORT")
    .PublishAsNetlifySite(
        options: new NetlifyDeployOptions
        {
            Dir = "dist",
            NoBuild = true,
            Site = "<your-site-id>"
        },
        authToken: authToken);

builder
  .addJavaScriptApp("vue", "../vue")
  .withHttpEndpoint({ targetPort: 5174, env: "PORT" })
  .publishAsNetlifySite(
    {
      dir: "dist",
      noBuild: true,
      site: "<your-site-id>",
    },
    authToken,
  );

Vue Router users should drop a Netlify _redirects file containing /* /index.html 200 into samples/vue/public/ so client-side routes survive hard refreshes.

Build & deploy locally

cd samples/vue
npm ci
npm run build
cd ../..
aspire deploy --apphost samples/AllFrameworks.AppHost/AllFrameworks.AppHost.csproj

See also