fix: Directly opening routed URL shows 404 page

Author: mtrezza

client/404.html

@@ -1,11 +1,11 @@
 import express, { type Express } from "express";
 import fs from "fs";
+import { type Server } from "http";
+import { nanoid } from "nanoid";
 import path from "path";
 import { fileURLToPath } from "url";
-import { createServer as createViteServer, createLogger } from "vite";
-import { type Server } from "http";
+import { createLogger, createServer as createViteServer } from "vite";
 import viteConfig from "../vite.config";
-import { nanoid } from "nanoid";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 

server/vite.ts

@@ -1,22 +1,22 @@
-import { defineConfig } from "vite";
+import runtimeErrorOverlay from "@replit/vite-plugin-runtime-error-modal";
 import react from "@vitejs/plugin-react";
+import fs from 'fs';
 import path from "path";
 import { fileURLToPath } from "url";
-import runtimeErrorOverlay from "@replit/vite-plugin-runtime-error-modal";
-import fs from 'fs';
+import { defineConfig } from "vite";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
-// Plugin to copy 404.html for GitHub Pages SPA routing
+// Plugin to copy index.html as 404.html for GitHub Pages SPA routing
 function copy404Plugin() {
   return {
     name: 'copy-404',
     closeBundle() {
-      const src = path.resolve(__dirname, 'client', '404.html');
+      const src = path.resolve(__dirname, 'dist', 'public', 'index.html');
       const dest = path.resolve(__dirname, 'dist', 'public', '404.html');
       if (fs.existsSync(src)) {
         fs.copyFileSync(src, dest);
-        console.log('✓ Copied 404.html for GitHub Pages SPA routing');
+        console.log('✓ Copied index.html as 404.html for GitHub Pages SPA routing');
       }
     }
   };