From 9bb7cca355a02836ba90f1ca484b437cafb3465d Mon Sep 17 00:00:00 2001
From: ybgbob <bob.g@nodereal.io>
Date: Fri, 16 Aug 2024 17:01:50 +0800
Subject: [PATCH] feat: Using browser router

---
 nginx.conf  | 92 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/App.tsx |  6 ++--
 2 files changed, 95 insertions(+), 3 deletions(-)
 create mode 100644 nginx.conf

diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 0000000..6640139
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,92 @@
+# Author: Zameer Ansari
+# You should look at the following URL's in order to grasp a solid understanding
+# of Nginx configuration files in order to fully unleash the power of Nginx.
+# http://wiki.nginx.org/Pitfalls
+# http://wiki.nginx.org/QuickStart
+# http://wiki.nginx.org/Configuration
+#
+# Generally, you will want to move this file somewhere, and start with a clean
+# file but keep this around for reference. Or just disable in sites-enabled.
+#
+# Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples.
+##
+
+# Default server configuration
+#
+server {
+        listen 80 default_server;
+        listen [::]:80 default_server;
+
+        # SSL configuration
+        #
+        # listen 443 ssl default_server;
+        # listen [::]:443 ssl default_server;
+        #
+        # Note: You should disable gzip for SSL traffic.
+        # See: https://bugs.debian.org/773332
+        #
+        # Read up on ssl_ciphers to ensure a secure configuration.
+        # See: https://bugs.debian.org/765782
+        #
+        # Self signed certs generated by the ssl-cert package
+        # Don't use them in a production server!
+        #
+        # include snippets/snakeoil.conf;
+
+        root /var/www/html;
+
+        # Add index.php to the list if you are using PHP
+        index index.html index.htm index.nginx-debian.html;
+
+        server_name _;
+
+        location / {
+                # First attempt to serve request as file, then
+                # as directory, then fall back to displaying a 404.
+                try_files $uri /index.html;
+	        # proxy_pass http://localhost:8080;
+        	# proxy_http_version 1.1;
+	        # proxy_set_header Upgrade $http_upgrade;
+        	# proxy_set_header Connection 'upgrade';
+	        # proxy_set_header Host $host;
+        	# proxy_cache_bypass $http_upgrade;
+        }
+
+        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
+        #
+        #location ~ \.php$ {
+        #       include snippets/fastcgi-php.conf;
+        #
+        #       # With php7.0-cgi alone:
+        #       fastcgi_pass 127.0.0.1:9000;
+        #       # With php7.0-fpm:
+        #       fastcgi_pass unix:/run/php/php7.0-fpm.sock;
+        #}
+
+        # deny access to .htaccess files, if Apache's document root
+        # concurs with nginx's one
+        #
+        #location ~ /\.ht {
+        #       deny all;
+        #}
+}
+
+
+# Virtual Host configuration for example.com
+#
+# You can move that to a different file under sites-available/ and symlink that
+# to sites-enabled/ to enable it.
+#
+#server {
+#       listen 80;
+#       listen [::]:80;
+#
+#       server_name example.com;
+#
+#       root /var/www/example.com;
+#       index index.html;
+#
+#       location / {
+#               try_files $uri $uri/ =404;
+#       }
+#}
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index d7b66f5..ce7a115 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
 import { WagmiConfig } from 'wagmi';
 import NiceModal from '@ebay/nice-modal-react';
 import { ThemeProvider } from '@totejs/uikit';
-import { HashRouter, Route, Routes } from 'react-router-dom';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import Layout from './components/layout/Index';
 import { ModalProvider } from './context/modal';
 import Home from './pages/Home';
@@ -96,7 +96,7 @@ function App() {
           <QueryClientProvider client={queryClient}>
             <NiceModal.Provider>
               <ModalProvider>
-                <HashRouter>
+                <BrowserRouter>
                   <Layout>
                     <Routes>
                       {routes.map((item: IRoute) => {
@@ -110,7 +110,7 @@ function App() {
                       })}
                     </Routes>
                   </Layout>
-                </HashRouter>
+                </BrowserRouter>
               </ModalProvider>
             </NiceModal.Provider>