diff --git a/web/src/router/AppRouter.jsx b/web/src/router/AppRouter.jsx
index 28908ba..bea56a7 100644
--- a/web/src/router/AppRouter.jsx
+++ b/web/src/router/AppRouter.jsx
@@ -63,7 +63,7 @@ const AppRouter = () => {
 
   const fetchAPI = async () => {
     const location = window.location;
-    const uri = `http://localhost:5172/api`;
+    const uri = `${location?.protocol}//${location?.hostname}:5172/api`;
     const response = await axios.get(uri);
     console.log(response.data.fruits);
   };