update prefix rest api format and fix getPrefix function bug (#3674)

Co-authored-by: Lijiao <Lijiaoa@outlook.com>

ts/webui/src/static/const.ts

@@ -5,8 +5,8 @@ const METRIC_GROUP_UPDATE_THRESHOLD = 100;
 const METRIC_GROUP_UPDATE_SIZE = 20;
 
 const prefix = getPrefix();
-
-const MANAGER_IP = prefix === undefined ? '/api/v1/nni' : `${prefix}`;
+const RESTAPI = '/api/v1/nni';
+const MANAGER_IP = prefix === undefined ? RESTAPI : `${prefix}${RESTAPI}`;
 const DOWNLOAD_IP = `/logs`;
 
 const WEBUIDOC = 'https://nni.readthedocs.io/en/latest/Tutorial/WebUI.html';

ts/webui/src/static/function.ts

@@ -8,12 +8,13 @@ import { MetricDataRecord, FinalType, TableObj, Tensorboard } from './interface'
 function getPrefix(): string | undefined {
     const pathName = window.location.pathname;
     let newPathName = pathName;
-
-    if (pathName.endsWith('/oview') || pathName.endsWith('/detail') || pathName.endsWith('/experiment')) {
-        newPathName = pathName.replace('/oview' || '/detail' || '/experiment', '');
-    }
-
-    return newPathName === '' ? undefined : newPathName;
+    const pathArr: string[] = ['/oview', '/detail', '/experiment'];
+    pathArr.forEach(item => {
+        if (pathName.endsWith(item)) {
+            newPathName = pathName.replace(item, '');
+        }
+    });
+    return newPathName === '' || newPathName === '/' ? undefined : newPathName;
 }
 
 async function requestAxios(url: string): Promise<any> {