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

news/2024/9/21 22:29:44 标签: python, gradio

问题描述

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" />
<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 来替代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.niftyadmin.cn/n/5669556.html

相关文章

谷歌 Chrome 最新版升级:更强的安全检查功能守护你的上网安全

谷歌 Chrome 浏览器产品经理 Andrew Kamau 在最新发布的博文中宣布&#xff0c;Chrome 浏览器迎来了新一轮的安全升级。新版 Chrome 在后台自动运行安全检查功能&#xff0c;采取了额外的主动措施来保障用户的安全。 自动撤销通知权限 新版 Chrome 浏览器采用了一项基于谷歌安…

markdown-it:将Markdown文本转换为HTML格式,展示在页面,怎么自定义里面的a标签设置为在新标签页打开

由markdown-it将文本生成html然后渲染到页面上&#xff0c;但是现在你点击里面生成好的链接只能在本标签页打开&#xff0c;怎么将其设置为在新标签打开呢&#xff1f; 安装markdown-it npm install markdown-it 使用markdown-it const mdi new MarkdownIt({html: true,l…

在 CentOS 中安装 MySQL(无坑版)

1. 下载安装 MySQL yum 仓库 请按照自己的系统版本选择自己喜欢的 MySQL版本 uname -a 或者 lsb_release -aMySQL yum 仓库地址&#xff1a; https://repo.mysql.com/ CentOS 8 wget https://repo.mysql.com/mysql80-community-release-el8-1.noarch.rpm yum localinstall…

【Qt | QLineEdit】Qt 中使 QLineEdit 响应 鼠标单击、双击事件 的两个方法

&#x1f601;博客主页&#x1f601;&#xff1a;&#x1f680;https://blog.csdn.net/wkd_007&#x1f680; &#x1f911;博客内容&#x1f911;&#xff1a;&#x1f36d;嵌入式开发、Linux、C语言、C、数据结构、音视频&#x1f36d; ⏰发布时间⏰&#xff1a; 2024-09-14 …

汽车美容服务管理系统的数据库设计与数据操作

设计内容&#xff1a; 考察汽车美容服务公司的实际业务运作&#xff0c;设计汽车美容服务综合业务管理系统的数据库。 1.系统主要功能 &#xff08;1&#xff09;基础数据管理。包括汽车美容服务项目&#xff08;按不同类别&#xff09; 管理&#xff08;增加、更新、删除、多条…

Jmeter进行http接口测试,这一篇就搞定

jmeter-http接口测试脚本 jmeter进行http接口测试的主要步骤&#xff08;1.添加线程组 2.添加http请求 3.在http请求中写入接口的URL&#xff0c;路径&#xff0c;请求方式&#xff0c;参数 4.添加查看结果树 5.调用接口&#xff0c;查看返回值&#xff09; 针对接口添加heade…

oracle dblink的使用并举例

Oracle Database Link&#xff08;DB Link&#xff09;是Oracle提供的一种功能&#xff0c;允许你在一个数据库中直接访问另一个远程或本地数据库的对象&#xff08;如表、视图、序列等&#xff09;。DB Link的设置简化了跨数据库操作&#xff0c;使得数据的集成和同步变得更加…

GIT仓库的简单创建和使用

初步学会了一些简单的git操作。接下来对这一次学习进行一次总结&#xff0c;其中也包括了在这次学习中踩中的坑&#xff0c;希望对你们有所帮助。 第一步&#xff1a;下载 这个东西可以直接到官网下载或者到阿里云去下载&#xff0c;这里不多赘述。 附&#xff1a;阿里云路径…