diff --git a/platform/app/.webpack/webpack.pwa.js b/platform/app/.webpack/webpack.pwa.js
index 2bbfbc916f3..b8a78d65622 100644
--- a/platform/app/.webpack/webpack.pwa.js
+++ b/platform/app/.webpack/webpack.pwa.js
@@ -16,7 +16,6 @@ const DIST_DIR = path.join(__dirname, '../dist');
 const PUBLIC_DIR = path.join(__dirname, '../public');
 // ~~ Env Vars
 const HTML_TEMPLATE = process.env.HTML_TEMPLATE || 'index.html';
-const PUBLIC_URL = process.env.PUBLIC_URL || '/';
 const APP_CONFIG = process.env.APP_CONFIG || 'config/default.js';
 
 // proxy settings
@@ -64,7 +63,7 @@ module.exports = (env, argv) => {
     output: {
       path: DIST_DIR,
       filename: isProdBuild ? '[name].bundle.[chunkhash].js' : '[name].js',
-      publicPath: PUBLIC_URL, // Used by HtmlWebPackPlugin for asset prefix
+      publicPath: '',
       devtoolModuleFilenameTemplate: function (info) {
         if (isProdBuild) {
           return `webpack:///${info.resourcePath}`;
@@ -124,7 +123,7 @@ module.exports = (env, argv) => {
         template: `${PUBLIC_DIR}/html-templates/${HTML_TEMPLATE}`,
         filename: 'index.html',
         templateParameters: {
-          PUBLIC_URL: PUBLIC_URL,
+          PUBLIC_URL: '',
         },
       }),
       // Generate a service worker for fast local loads
@@ -174,7 +173,7 @@ module.exports = (env, argv) => {
       //writeToDisk: true,
       historyApiFallback: {
         disableDotRule: true,
-        index: PUBLIC_URL + 'index.html',
+        index: 'index.html',
       },
       devMiddleware: {
         writeToDisk: true,
diff --git a/platform/app/.webpack/writePluginImportsFile.js b/platform/app/.webpack/writePluginImportsFile.js
index ba00dacf6d6..821b35dfab1 100644
--- a/platform/app/.webpack/writePluginImportsFile.js
+++ b/platform/app/.webpack/writePluginImportsFile.js
@@ -2,16 +2,15 @@ const pluginConfig = require('../pluginConfig.json');
 const fs = require('fs');
 const os = require('os');
 
-const autogenerationDisclaimer = `
+const autogenerationDisclaimer = `import { getPublicSubPath } from '@ohif/core';
+
 // THIS FILE IS AUTOGENERATED AS PART OF THE EXTENSION AND MODE PLUGIN PROCESS.
 // IT SHOULD NOT BE MODIFIED MANUALLY \n`;
 
 const extractName = val => (typeof val === 'string' ? val : val.packageName);
 
-const publicURL = process.env.PUBLIC_URL || '/';
-
 function isAbsolutePath(path) {
-  return path.startsWith('http') || path.startsWith('/');
+  return path.startsWith('http');
 }
 
 function constructLines(input, categoryName) {
@@ -66,6 +65,11 @@ function getRuntimeLoadModesExtensions(modules) {
   const dynamicLoad = [];
   dynamicLoad.push(
     '\n\n// Add a dynamic runtime loader',
+    'function getRuntimeImportPath(path) {',
+    "  if (typeof path !== 'string' || path.startsWith('http')) return path;",
+    '  return getPublicSubPath(path);',
+    '}',
+    '',
     'async function loadModule(module) {',
     "  if (typeof module !== 'string') return module;"
   );
@@ -77,7 +81,7 @@ function getRuntimeLoadModesExtensions(modules) {
     if (module.importPath) {
       dynamicLoad.push(
         `  if( module==="${packageName}") {`,
-        `    const imported = await window.browserImportFunction('${isAbsolutePath(module.importPath) ? '' : publicURL}${module.importPath}');`,
+        `    const imported = await window.browserImportFunction(getRuntimeImportPath('${module.importPath}'));`,
         '    return ' +
           (module.globalName
             ? `window["${module.globalName}"];`
diff --git a/platform/app/public/html-templates/index.html b/platform/app/public/html-templates/index.html
index ed767921770..8b2f242b65d 100644
--- a/platform/app/public/html-templates/index.html
+++ b/platform/app/public/html-templates/index.html
@@ -34,6 +34,87 @@
       name="msapplication-TileColor"
       content="#fff"
     />
+    <script type="text/javascript">
+      console.time('scriptToView');
+      (function () {
+        // Keep this inline runtime base-path bootstrap in sync with
+        // platform/core/src/utils/publicUrl.ts.
+        function normalizePublicUrl(value) {
+          var rawValue = typeof value === 'string' ? value.trim() : '';
+
+          if (!rawValue || rawValue === '.') {
+            return '/';
+          }
+
+          var normalized = rawValue.replace(/\\/g, '/');
+
+          if (!normalized.startsWith('/')) {
+            normalized = '/' + normalized;
+          }
+
+          normalized = normalized.replace(/\/{2,}/g, '/');
+
+          if (!normalized.endsWith('/')) {
+            normalized += '/';
+          }
+
+          return normalized;
+        }
+
+        function getLocationBasePathFromPathname(pathname) {
+          var locationPath = typeof pathname === 'string' && pathname.length > 0 ? pathname : '/';
+          var lowerPath = locationPath.toLowerCase();
+          var viewerIndex = lowerPath.lastIndexOf('/viewer');
+
+          if (viewerIndex >= 0) {
+            return normalizePublicUrl(locationPath.substring(0, viewerIndex));
+          }
+
+          if (lowerPath.endsWith('/index.html')) {
+            return normalizePublicUrl(
+              locationPath.substring(0, locationPath.length - '/index.html'.length)
+            );
+          }
+
+          if (locationPath === '/') {
+            return '/';
+          }
+
+          var lastSegment = locationPath.substring(locationPath.lastIndexOf('/') + 1);
+          if (lastSegment.indexOf('.') !== -1) {
+            return normalizePublicUrl(locationPath.substring(0, locationPath.lastIndexOf('/')));
+          }
+
+          return normalizePublicUrl(locationPath);
+        }
+
+        function resolveRuntimeBasePathFromWindow() {
+          var explicitBasePath =
+            window.__OHIF_BASE_PATH__ ||
+            window.PUBLIC_URL ||
+            (window.config && window.config.routerBasename);
+
+          if (typeof explicitBasePath === 'string' && explicitBasePath.trim().length > 0) {
+            return normalizePublicUrl(explicitBasePath);
+          }
+
+          return getLocationBasePathFromPathname(window.location.pathname || '/');
+        }
+
+        var basePath = resolveRuntimeBasePathFromWindow();
+
+        window.__OHIF_BASE_PATH__ = basePath;
+        window.PUBLIC_URL = basePath;
+
+        var baseElement = document.querySelector('base');
+        if (!baseElement) {
+          baseElement = document.createElement('base');
+          document.head.appendChild(baseElement);
+        }
+
+        baseElement.setAttribute('href', basePath);
+      })();
+    </script>
     <meta
       name="msapplication-TileImage"
       content="<%= PUBLIC_URL %>assets/mstile-144x144.png"
@@ -42,10 +123,6 @@
       name="msapplication-config"
       content="<%= PUBLIC_URL %>assets/browserconfig.xml"
     />
-    <script type="text/javascript">
-      console.time('scriptToView');
-      window.PUBLIC_URL = '<%= PUBLIC_URL %>';
-    </script>
     <link
       rel="manifest"
       href="<%= PUBLIC_URL %>manifest.json"
@@ -202,8 +279,6 @@
       function browserImportFunction(moduleId) {
         return import(moduleId);
       }
-
-      window.PUBLIC_URL = '<%= PUBLIC_URL %>';
     </script>
 
     <!-- EXTENSIONS -->
diff --git a/platform/app/public/html-templates/rollbar.html b/platform/app/public/html-templates/rollbar.html
index e385678109d..9e26b1d6c67 100644
--- a/platform/app/public/html-templates/rollbar.html
+++ b/platform/app/public/html-templates/rollbar.html
@@ -34,6 +34,86 @@
       name="msapplication-TileColor"
       content="#fff"
     />
+    <script type="text/javascript">
+      (function () {
+        // Keep this inline runtime base-path bootstrap in sync with
+        // platform/core/src/utils/publicUrl.ts.
+        function normalizePublicUrl(value) {
+          var rawValue = typeof value === 'string' ? value.trim() : '';
+
+          if (!rawValue || rawValue === '.') {
+            return '/';
+          }
+
+          var normalized = rawValue.replace(/\\/g, '/');
+
+          if (!normalized.startsWith('/')) {
+            normalized = '/' + normalized;
+          }
+
+          normalized = normalized.replace(/\/{2,}/g, '/');
+
+          if (!normalized.endsWith('/')) {
+            normalized += '/';
+          }
+
+          return normalized;
+        }
+
+        function getLocationBasePathFromPathname(pathname) {
+          var locationPath = typeof pathname === 'string' && pathname.length > 0 ? pathname : '/';
+          var lowerPath = locationPath.toLowerCase();
+          var viewerIndex = lowerPath.lastIndexOf('/viewer');
+
+          if (viewerIndex >= 0) {
+            return normalizePublicUrl(locationPath.substring(0, viewerIndex));
+          }
+
+          if (lowerPath.endsWith('/index.html')) {
+            return normalizePublicUrl(
+              locationPath.substring(0, locationPath.length - '/index.html'.length)
+            );
+          }
+
+          if (locationPath === '/') {
+            return '/';
+          }
+
+          var lastSegment = locationPath.substring(locationPath.lastIndexOf('/') + 1);
+          if (lastSegment.indexOf('.') !== -1) {
+            return normalizePublicUrl(locationPath.substring(0, locationPath.lastIndexOf('/')));
+          }
+
+          return normalizePublicUrl(locationPath);
+        }
+
+        function resolveRuntimeBasePathFromWindow() {
+          var explicitBasePath =
+            window.__OHIF_BASE_PATH__ ||
+            window.PUBLIC_URL ||
+            (window.config && window.config.routerBasename);
+
+          if (typeof explicitBasePath === 'string' && explicitBasePath.trim().length > 0) {
+            return normalizePublicUrl(explicitBasePath);
+          }
+
+          return getLocationBasePathFromPathname(window.location.pathname || '/');
+        }
+
+        var basePath = resolveRuntimeBasePathFromWindow();
+
+        window.__OHIF_BASE_PATH__ = basePath;
+        window.PUBLIC_URL = basePath;
+
+        var baseElement = document.querySelector('base');
+        if (!baseElement) {
+          baseElement = document.createElement('base');
+          document.head.appendChild(baseElement);
+        }
+
+        baseElement.setAttribute('href', basePath);
+      })();
+    </script>
     <meta
       name="msapplication-TileImage"
       content="<%= PUBLIC_URL %>assets/mstile-144x144.png"
@@ -178,10 +258,6 @@
       rel="yandex-tableau-widget"
       href="<%= PUBLIC_URL %>assets/yandex-browser-manifest.json"
     />
-
-    <script type="text/javascript">
-      window.PUBLIC_URL = '<%= PUBLIC_URL %>';
-    </script>
     <script
       type="text/javascript"
       src="<%= PUBLIC_URL %>app-config.js"
diff --git a/platform/app/public/manifest.json b/platform/app/public/manifest.json
index c5224ff061b..58104f1a0fb 100644
--- a/platform/app/public/manifest.json
+++ b/platform/app/public/manifest.json
@@ -7,47 +7,47 @@
   "orientation": "any",
   "icons": [
     {
-      "src": "/assets/android-chrome-36x36.png",
+      "src": "assets/android-chrome-36x36.png",
       "sizes": "36x36",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-48x48.png",
+      "src": "assets/android-chrome-48x48.png",
       "sizes": "48x48",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-72x72.png",
+      "src": "assets/android-chrome-72x72.png",
       "sizes": "72x72",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-96x96.png",
+      "src": "assets/android-chrome-96x96.png",
       "sizes": "96x96",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-144x144.png",
+      "src": "assets/android-chrome-144x144.png",
       "sizes": "144x144",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-192x192.png",
+      "src": "assets/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-256x256.png",
+      "src": "assets/android-chrome-256x256.png",
       "sizes": "256x256",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-384x384.png",
+      "src": "assets/android-chrome-384x384.png",
       "sizes": "384x384",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-512x512.png",
+      "src": "assets/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }
diff --git a/platform/app/src/index.js b/platform/app/src/index.js
index 5b0431b9cdb..06e75d8e3bb 100644
--- a/platform/app/src/index.js
+++ b/platform/app/src/index.js
@@ -2,6 +2,7 @@
  * Entry point for development and production PWA builds.
  */
 import 'regenerator-runtime/runtime';
+import './setRuntimePublicPath';
 import { createRoot } from 'react-dom/client';
 import App from './App';
 import React from 'react';
diff --git a/platform/app/src/setRuntimePublicPath.js b/platform/app/src/setRuntimePublicPath.js
new file mode 100644
index 00000000000..8b09bf0ee79
--- /dev/null
+++ b/platform/app/src/setRuntimePublicPath.js
@@ -0,0 +1,27 @@
+/* global __webpack_public_path__ */
+
+import {
+  normalizePublicUrl,
+  toRouterBasename,
+  resolveRuntimeBasePathFromWindow,
+} from '@ohif/core';
+
+const runtimePublicUrl = resolveRuntimeBasePathFromWindow();
+
+window.__OHIF_BASE_PATH__ = runtimePublicUrl;
+window.PUBLIC_URL = runtimePublicUrl;
+
+if (window.config && !window.config.routerBasename) {
+  window.config.routerBasename = toRouterBasename(runtimePublicUrl);
+}
+
+__webpack_public_path__ = runtimePublicUrl;
+
+export {
+  normalizePublicUrl,
+  toRouterBasename,
+  resolveRuntimeBasePathFromWindow as resolveRuntimeBasePath,
+  runtimePublicUrl,
+};
+
+export default runtimePublicUrl;
diff --git a/platform/app/src/utils/publicUrl.ts b/platform/app/src/utils/publicUrl.ts
index 489319ad52e..db6f60dc46a 100644
--- a/platform/app/src/utils/publicUrl.ts
+++ b/platform/app/src/utils/publicUrl.ts
@@ -1,5 +1,9 @@
-const publicUrl = (window as any).PUBLIC_URL || '/';
-const routerBasename = (window as any).config?.routerBasename || publicUrl;
+import { normalizePublicUrl, toRouterBasename } from '../../../core/src/utils/publicUrl';
+
+const publicUrl = normalizePublicUrl(
+  (window as any).__OHIF_BASE_PATH__ || (window as any).PUBLIC_URL || '/'
+);
+const routerBasename = toRouterBasename((window as any).config?.routerBasename || publicUrl);
 
 export { publicUrl, routerBasename };
 
diff --git a/platform/core/src/index.ts b/platform/core/src/index.ts
index e250e760b4d..7ca27787546 100644
--- a/platform/core/src/index.ts
+++ b/platform/core/src/index.ts
@@ -10,7 +10,13 @@ import log from './log.js';
 import object from './object.js';
 import string from './string.js';
 import user from './user';
-import utils from './utils';
+import utils, {
+  normalizePublicUrl,
+  toRouterBasename,
+  getLocationBasePathFromPathname,
+  resolveRuntimeBasePathFromWindow,
+  getPublicSubPath,
+} from './utils';
 import defaults from './defaults';
 import * as Types from './types';
 import * as Enums from './enums';
@@ -140,6 +146,11 @@ export {
   StudyPrefetcherService,
   useSystem,
   useActiveViewportDisplaySets,
+  normalizePublicUrl,
+  toRouterBasename,
+  getLocationBasePathFromPathname,
+  resolveRuntimeBasePathFromWindow,
+  getPublicSubPath,
 };
 
 export { OHIF };
diff --git a/platform/core/src/utils/index.ts b/platform/core/src/utils/index.ts
index 0ef35bc1bc2..5766e942abd 100644
--- a/platform/core/src/utils/index.ts
+++ b/platform/core/src/utils/index.ts
@@ -48,6 +48,13 @@ import calculateScanAxisNormal from './calculateScanAxisNormal';
 import areAllImageOrientationsEqual from './areAllImageOrientationsEqual';
 import { structuredCloneWithFunctions } from './structuredCloneWithFunctions';
 import { buildButtonCommands } from './buildButtonCommands';
+import {
+  normalizePublicUrl,
+  toRouterBasename,
+  getLocationBasePathFromPathname,
+  resolveRuntimeBasePathFromWindow,
+  getPublicSubPath,
+} from './publicUrl';
 
 import { downloadBlob, downloadUrl, downloadCsv, downloadDicom } from './downloadBlob';
 
@@ -103,6 +110,11 @@ const utils = {
   getClosestOrientationFromIOP,
   calculateScanAxisNormal,
   areAllImageOrientationsEqual,
+  normalizePublicUrl,
+  toRouterBasename,
+  getLocationBasePathFromPathname,
+  resolveRuntimeBasePathFromWindow,
+  getPublicSubPath,
   downloadBlob,
   downloadUrl,
   downloadCsv,
@@ -145,6 +157,11 @@ export {
   MeasurementFilters,
   getClosestOrientationFromIOP,
   buildButtonCommands,
+  normalizePublicUrl,
+  toRouterBasename,
+  getLocationBasePathFromPathname,
+  resolveRuntimeBasePathFromWindow,
+  getPublicSubPath,
   downloadBlob,
   downloadUrl,
   downloadCsv,
diff --git a/platform/core/src/utils/publicUrl.ts b/platform/core/src/utils/publicUrl.ts
new file mode 100644
index 00000000000..5b99a8e5ae2
--- /dev/null
+++ b/platform/core/src/utils/publicUrl.ts
@@ -0,0 +1,98 @@
+/**
+ * Normalizes a public URL prefix for static assets (trailing slash, leading slash, slashes).
+ * Used for subpath deployments where the app is not served from `/`.
+ */
+export function normalizePublicUrl(value?: string): string {
+  const rawValue = typeof value === 'string' ? value.trim() : '';
+
+  if (!rawValue || rawValue === '.') {
+    return '/';
+  }
+
+  let normalized = rawValue.replace(/\\/g, '/');
+
+  if (!normalized.startsWith('/')) {
+    normalized = `/${normalized}`;
+  }
+
+  normalized = normalized.replace(/\/{2,}/g, '/');
+
+  if (!normalized.endsWith('/')) {
+    normalized = `${normalized}/`;
+  }
+
+  return normalized;
+}
+
+export function toRouterBasename(value?: string): string {
+  const normalized = normalizePublicUrl(value);
+  return normalized === '/' ? '/' : normalized.replace(/\/+$/, '');
+}
+
+/**
+ * Infers the app base path from `location.pathname` when the app is mounted under a subpath
+ * (for example by stripping `/viewer` routes or an `index.html` suffix).
+ */
+export function getLocationBasePathFromPathname(pathname: string): string {
+  const locationPath = typeof pathname === 'string' && pathname.length > 0 ? pathname : '/';
+  const lowerPath = locationPath.toLowerCase();
+  const viewerIndex = lowerPath.lastIndexOf('/viewer');
+
+  if (viewerIndex >= 0) {
+    return normalizePublicUrl(locationPath.substring(0, viewerIndex));
+  }
+
+  if (lowerPath.endsWith('/index.html')) {
+    return normalizePublicUrl(
+      locationPath.substring(0, locationPath.length - '/index.html'.length)
+    );
+  }
+
+  if (locationPath === '/') {
+    return '/';
+  }
+
+  const lastSegment = locationPath.substring(locationPath.lastIndexOf('/') + 1);
+  if (lastSegment.includes('.')) {
+    return normalizePublicUrl(locationPath.substring(0, locationPath.lastIndexOf('/')));
+  }
+
+  return normalizePublicUrl(locationPath);
+}
+
+/**
+ * Runtime public URL used for webpack public path and `window.__OHIF_BASE_PATH__`.
+ * Prefer explicit values on `window`; otherwise derive from `location.pathname`.
+ */
+export function resolveRuntimeBasePathFromWindow(): string {
+  if (typeof window === 'undefined') {
+    return '/';
+  }
+
+  const explicitBasePath =
+    (window as any).__OHIF_BASE_PATH__ ||
+    (window as any).PUBLIC_URL ||
+    (window as any).config?.routerBasename;
+
+  if (typeof explicitBasePath === 'string' && explicitBasePath.trim().length > 0) {
+    return normalizePublicUrl(explicitBasePath);
+  }
+
+  return getLocationBasePathFromPathname(window.location.pathname || '/');
+}
+
+/**
+ * Resolves a path relative to the runtime public URL (for example `theme` -> `/my-app/theme`).
+ */
+export function getPublicSubPath(subPath: string): string {
+  if (typeof window === 'undefined') {
+    const normalizedSubPath = subPath.replace(/^\/+/, '');
+    return `/${normalizedSubPath}`;
+  }
+
+  const basePath = resolveRuntimeBasePathFromWindow();
+  const normalizedBasePath = normalizePublicUrl(basePath);
+  const normalizedSubPath = subPath.replace(/^\/+/, '');
+
+  return `${normalizedBasePath}${normalizedSubPath}`;
+}