Gradio离线部署到内网,资源加载失败问题(Gradio离线部署问题解决方法)

embedded/2024/9/24 9:27:18/

问题描述

Gradio作为一个快速构建一个演示或Web应用的开源Python包,被广泛使用,最近在用这个包进行AI应用构建,打包部署到内网Docker的时候发现有些资源无法使用。网页加载不出来。即使加载出来了也是没有样式无法点击的。

一般出现这个问题的多半是低版本的gradio,高版本中已经解决了这个问题。

解决方法

出现白屏,可能是由于某个js或者css需要等待加载。一直在等待加载那里。

1、更换Gradio版本

python">pip install gradio==3.12.0

gradio 运行时的UI使用的前端代码里,有对互联网资源的引用,如果在离线环境下部署(比如公司内网),会无法启动成功,看不到正常的前端页面。

gradiooffline_17">2、使用gradio-offline

gradio 运行时的UI使用的前端代码里,有对互联网资源的引用,如果在离线环境下部署(比如公司内网),会无法启动成功,看不到正常的前端页面。

js/app/index.html:

<link rel="preconnect" href="https://fonts.googleapis.com" />
<linkrel="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 来替代gradiogradio-offline 是基于gradi 修改的,目的是为了支持离线部署,API不变。

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


http://www.ppmy.cn/embedded/116024.html

相关文章

GPU 云与 GenAI :DigitalOcean 在 AI 平台与应用方向的技术规划

在 DigitalOcean&#xff0c;我们不仅在观察人工智能革命&#xff0c;而且还在积极参与这场技术革命。 去年&#xff0c;我们进行了一项关键的收购以扩展平台的人工智能能力&#xff0c;扩大了对曾经仅限于大型企业的 AI/ML 开发工具的访问。在2024年7月由 DigitalOcean 主办的…

MongoDB的备份和恢复命令

一、下载 MongoDB Database Tools 官方网址&#xff1a;Download MongoDB Command Line Database Tools | MongoDB 将解压后的文件夹移动到MongoDB的bin目录下&#xff0c;同时配置mongodb-database-tools的bin目录进入环境变量。 以上有问题请参考文章&#xff1a;使用cmd命…

数据结构--树

文章目录 树1. 树的理解2. 二叉树的基本概念3. 二叉树的遍历4. 经典二叉树5. 二叉树及其结点的表示 树 1. 树的理解 专有名词解释&#xff1a; 结点&#xff1a;树中的数据元素都称之为结点 根节点&#xff1a;最上面的结点称之为根&#xff0c;一颗树只有一个根且由根发展而…

Google 扩展 Chrome 安全和隐私功能

过去一周&#xff0c;谷歌一直在推出新特性和功能&#xff0c;旨在让用户在 Chrome 上的桌面体验更加安全&#xff0c;最新的举措是扩展在多个设备上保存密钥的功能。 到目前为止&#xff0c;Chrome 网络用户只能将密钥保存到 Android 上的 Google 密码管理器&#xff0c;然后…

中兴交换机三层配置

中兴交换机三层配置 目的&#xff1a;将1-10端口划分到3001vlan&#xff0c;11-20端口划分到3002vlan中去 客户端客户端IPvlan网关主机A88.88.1.1203001192.168.1.254主机B192.168.100.1303002192.168.100.254 1、通过Console线登录设备 **********************************…

玩转Google SERP API 说明

Google SERP API 对接说明 Google SERP&#xff08;Search Engine Results Page&#xff09;是用户在Google搜索引擎中输入查询后看到的结果页面。它显示自然搜索结果、广告、特色摘要、知识图谱以及图片、视频等多种内容&#xff0c;旨在为用户提供最相关的信息。 本文将详细…

mysql相关知识

查询一条sql语句的流程 连接器:建立连接&#xff0c;管理连接、校验用户身份查询缓存:查询语句如果命中查询缓存则直接返回&#xff0c;否则继续往下执行&#xff08;MSQL8.0 已删除&#xff09;解析 SQL&#xff1a;通过解析器对 SQL 查询语句进行词法分析、语法分析&#xf…

统信服务器操作系统进入【单用户模式】

统信服务器操作系统D版、E版、A版进入单用户模式的方式。 文章目录 前言一、问题现象二、问题原因三、解决方案1. D版问题解决方案2. E版及A版问题解决方案前言 D版又称企业版、E版又称欧拉版、A版又称龙蜥版。 单用户模式主要是在 grub2 引导时编辑内核引导,一般用于修改用…