diff --git a/src/index.tsx b/src/index.tsx
index 156cc5d..157457b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -5,7 +5,13 @@ import { createRoot } from "react-dom/client";
 import App from "./App";
 import { AppContext } from "./AppContext";
 
-fetch(`${import.meta.env.BASE_URL}/config.json`)
+const baseUrl = import.meta.env.BASE_URL;
+const configJSON = "config.json";
+// if import.meta.env.BASE_URL have a trailing slash, remove it
+// load config.json from relative path if import.meta.env.BASE_URL is None or empty
+const configJSONUrl = baseUrl ? `${baseUrl.replace(/\/$/, "")}/${configJSON}` : configJSON;
+
+fetch(configJSONUrl)
   .then(res => res.json())
   .then(props =>
     createRoot(document.getElementById("root")).render(