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

2024-09-20
四川
本文字数：715 字
阅读完需：约 2 分钟

问题描述

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 不变。