diff --git a/server/modules/apicache/apicache.js b/server/modules/apicache/apicache.js
index 22d1fed71..03131c3b0 100644
--- a/server/modules/apicache/apicache.js
+++ b/server/modules/apicache/apicache.js
@@ -394,7 +394,7 @@ function ApiCache() {
     /**
    * Return cache performance statistics (hit rate).  Suitable for putting into a route:
    * <code>
-   * app.get('/api/cache/performance', (req, res) => {
+   * app.get('./api/cache/performance', (req, res) => {
    *    res.json(apicache.getPerformance())
    * })
    * </code>
diff --git a/src/components/settings/About.vue b/src/components/settings/About.vue
index baa72f39a..d7bda750c 100644
--- a/src/components/settings/About.vue
+++ b/src/components/settings/About.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="d-flex justify-content-center align-items-center">
         <div class="logo d-flex flex-column justify-content-center align-items-center">
-            <object class="my-4" width="200" height="200" data="/icon.svg" />
+            <object class="my-4" width="200" height="200" data="./icon.svg" />
             <div class="fs-4 fw-bold">Uptime Kuma</div>
             <div>{{ $t("Version") }}: {{ $root.info.version }}</div>
             <div class="my-1 update-link"><a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a></div>
diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index c38874303..1ed19d3c6 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -9,7 +9,7 @@
         <!-- Desktop header -->
         <header v-if="! $root.isMobile" class="d-flex flex-wrap justify-content-center py-3 mb-3 border-bottom">
             <router-link to="/dashboard" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
-                <object class="bi me-2 ms-4" width="40" height="40" data="/icon.svg" />
+                <object class="bi me-2 ms-4" width="40" height="40" data="./icon.svg" />
                 <span class="fs-4 title">{{ $t("Uptime Kuma") }}</span>
             </router-link>
 
@@ -39,7 +39,7 @@
         <!-- Mobile header -->
         <header v-else class="d-flex flex-wrap justify-content-center pt-2 pb-2 mb-3">
             <router-link to="/dashboard" class="d-flex align-items-center text-dark text-decoration-none">
-                <object class="bi" width="40" height="40" data="/icon.svg" />
+                <object class="bi" width="40" height="40" data="./icon.svg" />
                 <span class="fs-4 title ms-2">Uptime Kuma</span>
             </router-link>
         </header>
diff --git a/src/pages/Entry.vue b/src/pages/Entry.vue
index 6148ec56d..bb6256270 100644
--- a/src/pages/Entry.vue
+++ b/src/pages/Entry.vue
@@ -7,7 +7,7 @@ import axios from "axios";
 
 export default {
     async mounted() {
-        let entryPage = (await axios.get("/api/entry-page")).data;
+        let entryPage = (await axios.get("./api/entry-page")).data;
 
         if (entryPage === "statusPage") {
             this.$router.push("/status");
diff --git a/src/pages/Setup.vue b/src/pages/Setup.vue
index ab5952167..fb5a0bc1c 100644
--- a/src/pages/Setup.vue
+++ b/src/pages/Setup.vue
@@ -3,7 +3,7 @@
         <div class="form">
             <form @submit.prevent="submit">
                 <div>
-                    <object width="64" height="64" data="/icon.svg" />
+                    <object width="64" height="64" data="./icon.svg" />
                     <div style="font-size: 28px; font-weight: bold; margin-top: 5px;">
                         Uptime Kuma
                     </div>
diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index a9c443197..eb4ae4cce 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -9,7 +9,7 @@
             </span>
 
             <!-- Uploader -->
-            <!--    url="/api/status-page/upload-logo" -->
+            <!--    url="./api/status-page/upload-logo" -->
             <ImageCropUpload v-model="showImageCropUpload"
                              field="img"
                              :width="128"
@@ -255,7 +255,7 @@ export default {
             incident: null,
             previousIncident: null,
             showImageCropUpload: false,
-            imgDataUrl: "/icon.svg",
+            imgDataUrl: "./icon.svg",
             loadedTheme: false,
             loadedData: false,
             baseURL: "",
@@ -409,7 +409,7 @@ export default {
         }
     },
     async mounted() {
-        axios.get("/api/status-page/config").then((res) => {
+        axios.get("./api/status-page/config").then((res) => {
             this.config = res.data;
 
             if (this.config.logo) {
@@ -417,13 +417,13 @@ export default {
             }
         });
 
-        axios.get("/api/status-page/incident").then((res) => {
+        axios.get("./api/status-page/incident").then((res) => {
             if (res.data.ok) {
                 this.incident = res.data.incident;
             }
         });
 
-        axios.get("/api/status-page/monitor-list").then((res) => {
+        axios.get("./api/status-page/monitor-list").then((res) => {
             this.$root.publicGroupList = res.data;
         });
 
@@ -438,7 +438,7 @@ export default {
         updateHeartbeatList() {
             // If editMode, it will use the data from websocket.
             if (! this.editMode) {
-                axios.get("/api/status-page/heartbeat").then((res) => {
+                axios.get("./api/status-page/heartbeat").then((res) => {
                     this.$root.heartbeatList = res.data.heartbeatList;
                     this.$root.uptimeList = res.data.uptimeList;
                     this.loadedData = true;