ファイアウォール内部のGradio/WebUIを外部からProxyPassを通して使う
POSTED BY
2025-03-17
2025-03-17


セキュリティの観点から、外部から直接HTTPサーバのルートにアクセスさせず、1つディレクトリ名を介してアクセスさせることがままある。
マシン内部では
のようなGradioサーバが立ち上がっているとする。
マシン内部や社内ローカルからであれば上記URLに直接アクセスしてしまえばいいが、外部に一般公開したい場合、
https://aaa.myserver333.jp/my_gradio/
のように、my_gradioなどの名前を1つ置いてアクセスさせたい。
このような場合、まずリダイレクト設定として以下Apacheの基本設定をする。
<location> Require all granted ProxyPass 172.16.33.55:51115 ProxyPassReverse 172.16.33.55:51115 RequestHeader set X_FORWARDED_PROTO 'https' </location>
これで
https://aaa.myserver333.jp/my_gradio/
へのアクセスは
http://172.16.33.55:51115/
へリダイレクトされるのだが、これだけではHTMLやCSS他付随ファイルパスがすべて/gradio.cssなどのままであり、404 Not Foundとなる。
これを解決するためには、API実行側でGradioオブジェクトをローンチするときに、以下のようにroot_path引数を与えてやればよい。
import gradio as gr app = gr.Interface(...) app.launch(server_port=51115, root_path="/my_gradio/")
こうすることにより、/gradio.cssが/my_gradio/gradio.cssと呼ばれるので、上記ApacheのProxyにかかってちゃんと
http://172.16.33.55:51115/gradio.css
が取得できる。
Android
iPhone/iPad
Flutter
MacOS
Windows
Debian
Ubuntu
CentOS
FreeBSD
RaspberryPI
HTML/CSS
C/C++
PHP
Java
JavaScript
Node.js
Swift
Python
MatLab
Amazon/AWS
CORESERVER
Google
仮想通貨
LINE
OpenAI/ChatGPT
IBM Watson
Microsoft Azure
Xcode
VMware
MySQL
PostgreSQL
Redis
Groonga
Git/GitHub
Apache
nginx
Postfix
SendGrid
Hackintosh
Hardware
Fate/Grand Order
ウマ娘
将棋
ドラレコ
※本記事は当サイト管理人の個人的な備忘録です。本記事の参照又は付随ソースコード利用後にいかなる損害が発生しても当サイト及び管理人は一切責任を負いません。
※本記事内容の無断転載を禁じます。
※本記事内容の無断転載を禁じます。
【WEBMASTER/管理人】
自営業プログラマーです。お仕事ください!ご連絡は以下アドレスまでお願いします★
【キーワード検索】
【最近の記事】【全部の記事】
ファイアウォール内部のGradio/WebUIを外部からProxyPassを通して使うオープンソースリップシンクエンジンSadTalkerをDebianで動かす
ファイアウォール内部のOpenAPI/FastAPIのdocsを外部からProxyPassで呼ぶ
Debian 12でsshからshutdown -h nowしても電源が切れない場合
【Windows&Mac】アプリのフルスクリーンを解除する方法
Debian 12でtsコマンドが見つからないcommand not found
Debian 12でsyslogやauth.logが出力されない場合
Debian 12で固定IPアドレスを使う設定をする
Debian 12 bookwormでNVIDIA RTX4060Ti-OC16GBを動かす
【Debian】apt updateでCD-ROMがどうのこうの言われエラーになる場合
【人気の記事】【全部の記事】
進研ゼミチャレンジタッチをAndroid端末化するWindows11+WSL2でUbuntuを使う【2】ブリッジ接続+固定IPの設定
【Windows10】リモートデスクトップ間のコピー&ペーストができなくなった場合の対処法
【Apache】サーバーに同時接続可能なクライアント数を調整する
【C/C++】小数点以下の切り捨て・切り上げ・四捨五入
【ひかり電話+VoIPアダプタ】LANしか通ってない環境でアナログ電話とFAXを使う
GitLabにHTTPS経由でリポジトリをクローン&読み書きを行う
Intel Macbook2020にBootCampで入れたWindows11 Pro 23H2のBluetoothを復活させる
VirtualBoxの仮想マシンをWindows起動時に自動起動し終了時に自動サスペンドする
Windows11でMacのキーボードを使うには
【カテゴリーリンク】
Android
iPhone/iPad
Flutter
MacOS
Windows
Debian
Ubuntu
CentOS
FreeBSD
RaspberryPI
HTML/CSS
C/C++
PHP
Java
JavaScript
Node.js
Swift
Python
MatLab
Amazon/AWS
CORESERVER
Google
仮想通貨
LINE
OpenAI/ChatGPT
IBM Watson
Microsoft Azure
Xcode
VMware
MySQL
PostgreSQL
Redis
Groonga
Git/GitHub
Apache
nginx
Postfix
SendGrid
Hackintosh
Hardware
Fate/Grand Order
ウマ娘
将棋
ドラレコ