Fix react router fail to navigate to other page after deployment

ALPHAAAL · Mar 16, 2024 · e5375b3 · e5375b3
1 parent f22566d
commit e5375b3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/.github/workflows/jekyll-gh-pages.yml b/.github/workflows/jekyll-gh-pages.yml
@@ -39,6 +39,8 @@ jobs:
         run: npm ci
       - name: Build
         run: npm run build
+      - name: Copy index.html to 404.html
+        run: cp ./dist/index.html ./dist/404.html
       - name: Setup Pages
         uses: actions/configure-pages@v4
       - name: Upload artifact

diff --git a/src/main.tsx b/src/main.tsx
@@ -5,11 +5,11 @@ import {
   RouterProvider,
 } from "react-router-dom";
 
+import About from './components/About';
 import Home from './components/Home'
+import Layout from './components/Layout';
 
 import './index.css'
-import Layout from './components/Layout';
-import About from './components/About';
 
 const router = createBrowserRouter([
   {