Detect basename for react router (#1384)

Signed-off-by: Daniel Valdivia <[email protected]>

Author: dvaldivia

portal-ui/src/history.ts

@@ -3,4 +3,10 @@ import { BrowserHistoryBuildOptions } from "history/createBrowserHistory";
 
 let browserHistoryOpts: BrowserHistoryBuildOptions = {};
 
+let basename = document.baseURI.replace(window.location.origin, "");
+
+if (basename !== "") {
+  browserHistoryOpts.basename = basename;
+}
+
 export default createBrowserHistory(browserHistoryOpts);

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileContent.tsx

@@ -76,7 +76,8 @@ const PreviewFile = ({
 
   if (object) {
     const encodedPath = encodeFileName(object.name);
-    path = `${window.location.origin}/api/v1/buckets/${bucketName}/objects/download?preview=true&prefix=${encodedPath}`;
+    let basename = document.baseURI.replace(window.location.origin, "");
+    path = `${window.location.origin}${basename}api/v1/buckets/${bucketName}/objects/download?preview=true&prefix=${encodedPath}`;
     if (object.version_id) {
       path = path.concat(`&version_id=${object.version_id}`);
     }