frontend/src/config/index.ts

@@ -12,8 +12,13 @@ const envInt = (key: string): number => parseInt(env(key), 10);
 
 const isEnabled = (key: string): boolean => env(key) === 'true';
 
+const apiBaseUrl = env('VITE_API_BASE_URL');
+
 export const config = {
-    baseUrl: env('VITE_API_BASE_URL'),
+    api: {
+        baseUrl: apiBaseUrl,
+        baseUrlRoot: apiBaseUrl.split('/api')[0]
+    },
     shareOrigins: {
         clearnet: `${env('VITE_CLEARNET_SCHEME')}://${env('VITE_CLEARNET_DOMAIN')}`,
         onion: `http://${env('VITE_ONION_HOSTNAME')}`

frontend/src/plugins/axios.ts

@@ -2,5 +2,5 @@ import axios from 'axios';
 import { config } from '@/config';
 
 export const api = axios.create({
-    baseURL: config.baseUrl
+    baseURL: config.api.baseUrl
 });

frontend/src/views/HotlinkViewerView.vue

@@ -7,6 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
+import { config } from '@/config';
 import { buildHotlinkImagePath } from '@/utils/share/buildHotlinkImagePath';
 
 const route = useRoute();
@@ -19,6 +20,10 @@ const imageSrc = computed((): string | null => {
         return null;
     }
 
-    return buildHotlinkImagePath(uploadId, secret);
+    const { baseUrlRoot } = config.api;
+
+    const path = buildHotlinkImagePath(uploadId, secret);
+
+    return `${baseUrlRoot}${path}`;
 });
 </script>