Gradio離線部署到內網，資源載入失敗問題（Gradio離線部署問題解決方法）

明金同学發表於2024-09-20
內網

問題描述

Gradio作為一個快速構建一個演示或Web應用的開源Python包，被廣泛使用，最近在用這個包進行AI應用構建，打包部署到內網Docker的時候發現有些資源無法使用。網頁載入不出來。即使載入出來了也是沒有樣式無法點選的。

一般出現這個問題的多半是低版本的gradio，高版本中已經解決了這個問題。

解決方法

出現白屏，可能是由於某個js或者css需要等待載入。一直在等待載入那裡。

1、更換Gradio版本

pip install gradio==3.12.0

gradio 執行時的UI使用的前端程式碼裡，有對網際網路資源的引用，如果在離線環境下部署（比如公司內網），會無法啟動成功，看不到正常的前端頁面。

2、使用gradio-offline

gradio 執行時的UI使用的前端程式碼裡，有對網際網路資源的引用，如果在離線環境下部署（比如公司內網），會無法啟動成功，看不到正常的前端頁面。

js/app/index.html:

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
  rel="preconnect"
  href="https://fonts.gstatic.com"
  crossorigin="anonymous"
  />
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>

安裝gradio-offline 來替代gradio 。gradio-offline 是基於gradi 修改的，目的是為了支援離線部署，API不變。

pip install gradio-offline==3.28.3.1

參考

解決Gradio離線部署，一直載入頁面空白的問題_gradio-offline-CSDN部落格

解決Gradio離線部署，一直載入頁面空白的問題 - 海_納百川 - 部落格園

解決Gradio離線部署，無法正常載入頁面的問題_gradio-offline-CSDN部落格

GitHub - junchen1992/gradio-offline: Enable offline usage for gradio. | Gradio內網部署

gradio離線化使用_gradio js-CSDN部落格

相關文章