Gradio离线部署到内网，资源加载失败问题（Gradio离线部署问题解决方法）

问题描述

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博客