added 404 file to catch server requests and redirect to index.html

arositen · May 29, 2024 · 829f47c · 829f47c
1 parent ad532b0
commit 829f47c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="refresh" content="0; URL=./index.html" />
+    <title>Redirecting...</title>
+</head>
+
+<body></body>
+
+</html>
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,4 +1,4 @@
-import { Route, Routes, Navigate } from 'react-router-dom';
+import { Route, Routes } from 'react-router-dom';
 import { useState, useEffect } from "react";
 import Navbar from '@/scenes/navbar';
 import Splash from '@/scenes/splash';
@@ -41,8 +41,6 @@ function App() {
           <Route path={`${basePath}/:section/details`} element={<Details />} />
           <Route path={`${basePath}/:section/details/:id`} element={<Details />} />
           <Route path={`${basePath}/checkout`} element={<Checkout />} />
-          {/* default redirect to home page */}
-          <Route path={`${basePath}/*`} element={<Navigate to={`${basePath}/`} />} />
         </Routes>
         <Footer />
       </ShoppingCartProvider>