ryan/ComfyUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use relative paths for all web connections

Browse Source 
This enables local reverse-proxies to host ComfyUI on a path, eg "http://example.com/ComfyUI/" in such a way that at least everything I tested works. Without this patch, proxying ComfyUI in this way will yield errors.
This commit is contained in:
Alex "mcmonkey" Goodwin
2023-07-10 02:09:03 -07:00
parent af15add967
commit 5797ff89b0
17 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/scripts/api.js
View File

@@ -16,7 +16,7 @@ class ComfyApi extends EventTarget {
#pollQueue() {
setInterval(async () => {
try {
const resp = await fetch("/prompt");
const resp = await fetch("./prompt");
const status = await resp.json();
this.dispatchEvent(new CustomEvent("status", { detail: status }));
} catch (error) {
@@ -40,7 +40,7 @@ class ComfyApi extends EventTarget {
existingSession = "?clientId=" + existingSession;
}
this.socket = new WebSocket(
`ws${window.location.protocol === "https:" ? "s" : ""}://${location.host}/ws${existingSession}`
`ws${window.location.protocol === "https:" ? "s" : ""}://${location.host}${location.pathname}ws${existingSession}`
);
this.socket.binaryType = "arraybuffer";
@@ -149,7 +149,7 @@ class ComfyApi extends EventTarget {
* @returns An array of script urls to import
*/
async getExtensions() {
const resp = await fetch("/extensions", { cache: "no-store" });
const resp = await fetch("./extensions", { cache: "no-store" });
return await resp.json();
}
@@ -158,7 +158,7 @@ class ComfyApi extends EventTarget {
* @returns An array of script urls to import
*/
async getEmbeddings() {
const resp = await fetch("/embeddings", { cache: "no-store" });
const resp = await fetch("./embeddings", { cache: "no-store" });
return await resp.json();
}
@@ -167,7 +167,7 @@ class ComfyApi extends EventTarget {
* @returns The node definitions
*/
async getNodeDefs() {
const resp = await fetch("object_info", { cache: "no-store" });
const resp = await fetch("./object_info", { cache: "no-store" });
return await resp.json();
}
@@ -189,7 +189,7 @@ class ComfyApi extends EventTarget {
body.number = number;
}
const res = await fetch("/prompt", {
const res = await fetch("./prompt", {
method: "POST",
headers: {
"Content-Type": "application/json",
@@ -222,7 +222,7 @@ class ComfyApi extends EventTarget {
*/
async getQueue() {
try {
const res = await fetch("/queue");
const res = await fetch("./queue");
const data = await res.json();
return {
// Running action uses a different endpoint for cancelling
@@ -244,7 +244,7 @@ class ComfyApi extends EventTarget {
*/
async getHistory() {
try {
const res = await fetch("/history");
const res = await fetch("./history");
return { History: Object.values(await res.json()) };
} catch (error) {
console.error(error);
@@ -259,7 +259,7 @@ class ComfyApi extends EventTarget {
*/
async #postItem(type, body) {
try {
await fetch("/" + type, {
await fetch("./" + type, {
method: "POST",
headers: {
"Content-Type": "application/json",