diff --git a/.changeset/heavy-boxes-deliver.md b/.changeset/heavy-boxes-deliver.md
new file mode 100644
index 000000000..a5d0e5e3f
--- /dev/null
+++ b/.changeset/heavy-boxes-deliver.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Fix middleware order
diff --git a/packages/astro/src/core/dev/index.ts b/packages/astro/src/core/dev/index.ts
index e1fe59a8f..56808fd78 100644
--- a/packages/astro/src/core/dev/index.ts
+++ b/packages/astro/src/core/dev/index.ts
@@ -83,8 +83,8 @@ export class AstroDevServer {
 
     // Setup the dev server and connect it to Vite (via middleware)
     this.viteServer = await this.createViteServer();
-    this.app.use((req, res, next) => this.handleRequest(req, res, next));
     this.app.use(this.viteServer.middlewares);
+    this.app.use((req, res, next) => this.handleRequest(req, res, next));
     this.app.use((req, res, next) => this.renderError(req, res, next));
 
     // Listen on port (and retry if taken)