Extensions/ComfyUI-ProxyFix
ComfyUI Extension

ComfyUI-ProxyFix

This extension fixes URL encoding issues when ComfyUI is accessed through reverse proxies like 'jupyter-server-proxy'.

By mochidroppot·Created 10 months ago·Updated 10 months ago· 0
mochidroppot/ComfyUI-ProxyFix
Nodes—
On cloudLocal install
Stars0
Updated10 months ago
Readme

ComfyUI Proxy Fix Extension

This extension fixes URL encoding issues when ComfyUI is accessed through reverse proxies like jupyter-server-proxy.

Problem

When ComfyUI saves workflows, it uses paths like workflows/filename.json. This causes issues when:

  1. The frontend URL-encodes the path as workflows%2Ffilename.json
  2. jupyter-server-proxy automatically decodes %2F back to /
  3. ComfyUI's router receives workflows/filename.json and interprets it as a subdirectory
  4. API calls fail with routing errors

Solution

This extension applies fixes at both frontend and backend:

Frontend (JavaScript)

  • Intercepts all fetch() API calls to /api/userdata/
  • Replaces workflows/ with workflows__SLASH__ before sending requests
  • Keeps the path flat, avoiding URL encoding issues entirely

Backend (Python)

  • Provides fallback path normalization for any server-side routing
  • Ensures consistent behavior across different proxy configurations

Installation

cd ComfyUI/custom_nodes
git clone https://github.com/mochidroppot/ComfyUI-ProxyFix.git

Usage

No configuration needed. The extension activates automatically when ComfyUI starts.

Testing

To verify the fix is working:

  1. Open ComfyUI through jupyter-server-proxy
  2. Create a workflow
  3. Try to save it - it should work without 405 errors

Debug

To enable debug mode, set the environment variable:

export DEBUG_PROXYFIX=1

Debug mode will show detailed information in both browser console and server logs.

Compatibility

  • ComfyUI 0.3.57+
  • jupyter-server-proxy
  • Other reverse proxies that decode URL-encoded paths

Technical Details

How it Works

  1. Frontend: Intercepts all API calls to /api/userdata/ and replaces workflows/ with workflows__SLASH__
  2. Backend: Applies middleware that converts workflows__SLASH__ back to workflows/
  3. __SLASH__ Separator: Uses a unique identifier that won't conflict with user filenames

File Structure

  • __init__.py: Backend middleware and ComfyUI integration
  • web/fix-workflow-slash.js: Frontend fix script
  • web/__init__.py: Frontend extension marker file

License

MIT License

ComfyUI Proxy Fix Extension

この拡張機能は、ComfyUIがjupyter-server-proxyなどのリバースプロキシを通じてアクセスされる際のURLエンコーディング問題を修正します。

問題

ComfyUIがワークフローを保存する際、workflows/filename.jsonのようなパスを使用します。これが以下の問題を引き起こします：

  1. フロントエンドがパスをworkflows%2Ffilename.jsonとしてURLエンコード
  2. jupyter-server-proxyが自動的に%2Fを/にデコード
  3. ComfyUIのルーターがworkflows/filename.jsonを受け取り、これをサブディレクトリとして解釈
  4. APIコールがルーティングエラーで失敗

解決策

この拡張機能は、フロントエンドとバックエンドの両方で修正を適用します：

フロントエンド（JavaScript）

  • /api/userdata/へのすべてのfetch() APIコールをインターセプト
  • リクエスト送信前にworkflows/をworkflows__SLASH__に置換
  • パスをフラットに保ち、URLエンコーディング問題を完全に回避

バックエンド（Python）

  • サーバーサイドルーティング用のフォールバックパス正規化を提供
  • 異なるプロキシ設定間での一貫した動作を保証

インストール

cd ComfyUI/custom_nodes
git clone https://github.com/mochidroppot/ComfyUI-ProxyFix.git

使用方法

設定は不要です。ComfyUIが起動すると、拡張機能が自動的に修正を適用します。

動作確認

修正が正常に動作していることを確認するには：

  1. jupyter-server-proxy経由でComfyUIを開く
  2. ワークフローを作成
  3. 保存を試行 - 405エラーなしで動作するはず

デバッグ

デバッグモードを有効にするには、環境変数を設定してください：

export DEBUG_PROXYFIX=1

デバッグモードでは、ブラウザのコンソールとサーバーログに詳細な情報が表示されます。

互換性

  • ComfyUI 0.3.57+
  • jupyter-server-proxy
  • URLエンコードされたパスをデコードするその他のリバースプロキシ

技術詳細

動作原理

  1. フロントエンド: すべての/api/userdata/へのAPIコールをインターセプトし、workflows/をworkflows__SLASH__に置換
  2. バックエンド: workflows__SLASH__をworkflows/に変換するミドルウェアを適用
  3. __SLASH__セパレーター: ユーザーファイル名と競合しないユニークな識別子を使用

ファイル構成

  • __init__.py: バックエンドミドルウェアとComfyUI統合
  • web/fix-workflow-slash.js: フロントエンド修正スクリプト
  • web/__init__.py: フロントエンド拡張のマーカーファイル

ライセンス

MIT License