Fix routing (#929)

* fix router and move graph related parts to GraphView.vue

* (fix) add back child element in UnloadWindowConfirmDialog

* (cleanup) remove empty callback

* (fix) routing issue when base url is not webroot

* add back DEV_SERVER_COMFYUI_URL

src/scripts/api.ts

@@ -33,7 +33,6 @@ interface QueuePromptRequestBody {
 class ComfyApi extends EventTarget {
   #registered = new Set()
   api_host: string
-  api_base: string
   initialClientId: string
   user: string
   socket?: WebSocket
@@ -43,21 +42,21 @@ class ComfyApi extends EventTarget {
 
   constructor() {
     super()
-    this.api_host = location.host
-    this.api_base = location.pathname.split('/').slice(0, -1).join('/')
+    this.api_host = window.location.host
+    console.log('Running on', this.api_host)
     this.initialClientId = sessionStorage.getItem('clientId')
   }
 
   internalURL(route: string): string {
-    return this.api_base + '/internal' + route
+    return '/internal' + route
   }
 
   apiURL(route: string): string {
-    return this.api_base + '/api' + route
+    return '/api' + route
   }
 
   fileURL(route: string): string {
-    return this.api_base + route
+    return route
   }
 
   fetchApi(route: string, options?: RequestInit) {
@@ -113,7 +112,7 @@ class ComfyApi extends EventTarget {
       existingSession = '?clientId=' + existingSession
     }
     this.socket = new WebSocket(
-      `ws${window.location.protocol === 'https:' ? 's' : ''}://${this.api_host}${this.api_base}/ws${existingSession}`
+      `ws${window.location.protocol === 'https:' ? 's' : ''}://${this.api_host}/ws${existingSession}`
     )
     this.socket.binaryType = 'arraybuffer'