fastapi docs打开为空白解决办法

最新推荐文章于 2024-03-06 08:34:54 发布
最新推荐文章于 2024-03-06 08:34:54 发布
阅读量1.3k 收藏 4
点赞数 2
文章标签： fastapi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/n994298535/article/details/131666391
版权

空白的原因

使用的cdn为国外cdn
在这里插入图片描述

解决办法

使用国内cdn

解决步骤

1.打开此文件D:\Program Files\Python\Lib\site-packages\fastapi\openapi\docs.py
在这里插入图片描述
2.修改cdn地址
国内cdn不好找呀
（1）.七牛云存储 开放静态文件CDN，地址：http://www.staticfile.org/
https://cdn.staticfile.org/swagger-ui/5.1.0/swagger-ui-bundle.js
https://cdn.staticfile.org/swagger-ui/5.1.0/swagger-ui.css

成果

在这里插入图片描述

狄大人的打火机
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dashboard api docs 0712
07-12
dashboard api docs 0712
dashboard api docs
07-12
dashboard api docs
FastAPI：docs文档无法加载的解决办法
qq_44683653的博客
07-23 6444
最近使用FastAPI开发的时候，发现自动生成的API交互文档居然加载不出来了？？ 于是去github上看了看，已经有人提出了这个的问题了：传送门 最后发现是Swagger-ui更新到3.30.1版本后导致部分用户无法完全加载API交互文档，不是FastAPI的问题。 然后往下翻了翻，发现FastAPI的作者tiangolo在下面评论了： 他发布了一个fastapi新的release修改了原来docs.py部分引用的swagger-ui的版本号，换成了上个可用版本，也就是：3.30.0。 所以只要更新一下
fastapi打不开swagger UI的问题
darling331的博客
06-06 2017
进行fastApi开发时，发现源码swagger静态资源访问不到,可能是网址出现了问题宕机了，我们可以有以下几种方式进行处理 源码的请求位置fastapi.openapi.docs.py get_swagger_ui_htmlhttps://cdn.jsdelivr.net/npm/swagger-ui-dist@3/swagger-ui-bundle.js 源码的调用位置fastapi.app...
FastAPI 更换 docs文档风格
LoadingCreate的博客
03-06 261
一种常见的需求是更换FastAPI生成的文档中的默认样式和布局。FastAPI的文档生成是基于Swagger UI实现的，它使用了一套默认的样式和布局。要更换这些默认的样式和布局，我们需要对FastAPI的文档生成进行定制。这样，我们就能够根据自己的需求定制FastAPI生成的API文档了。中，我们可以编写自定义的HTML和CSS代码，来更换默认的样式和布局。总结来说，要将FastAPI生成的文档更换为自定义的样式和布局，我们需要创建一个。文件，这个文件将作为我们生成的文档的主页。接下来，我们需要修改。
【详细步骤】**fastapi访问/docs接口突然变成空白页，不显示任何信息**
weixin_42803719的博客
05-19 2356
【详细步骤】fastapi访问/docs接口突然变成空白页，不显示任何信息 笔者之前正常使用fastapi的docs接口进行各种接口调试，使用很正常，之前安装也都是正常安装流程，没有做任何修改，可以突然有一天不知道为啥，docs接口打开是空白的，接口也没有报错，就是空白，摸索了好久找到如下方法： 问题原因： 我们在浏览器的开发者工具中可以看到，这个接口调用了一个 js脚本，这个脚本是部署在国外的，总之 就是因为这个原因导致我们没法访问了，由此我们需要把这个脚本从网上下载下来，放到本地，把此处调用国外的脚本变
FastAPI访问/docs接口文档显示空白、js/css无法加载
jaket5219999的博客
12-14 1760
FastAPI的接口文档页面空白，可考虑使用插件fastapi-cdn-host来解决，只需增加一行代码即可：fastapi_cdn_host.monkey_patch(app)
解决fastapi访问/docs和/redoc接口文档显示空白或无法加载
weixin_43936332的博客
06-03 2770
如果你的项目结构（静态资源目录）和docs.py配置与笔者完全相同，那么你再次启动时访问/docs和/redoc就应该不会有问题了。（如果你修改了静态资源目录结构，你需要对应修改docs.py中对应的路由）我们在浏览器开发者工具中可以看到它请求了一个js脚本，这个脚本部署在国外，国内无法访问，导致页面卡死在这里，显示空白。知道这个以后，我们可以讲这些静态资源配置到自己的本地，这些静态资源都在github上开源。这个问题是由于fastapi内置的接口文档使用的外网的cdn。修改里面的静态资源访问路径。
fastapi访问/docs接口，页面空白
jianglianye21的博客
09-27 2983
解决fastapi访问/docs接口页面空白问题
fastapi访问/docs和/redoc接口文档显示空白或无法加载
m0_52726759的博客
05-19 4824
这个问题是由于fastapi内置的接口文档使用的外网的cdn 我们在浏览器开发者工具中可以看到它请求了一个js脚本，这个脚本部署在国外，国内无法访问，导致页面卡死在这里，显示空白。 知道这个以后，我们可以讲这些静态资源配置到自己的本地，这些静态资源都在github上开源。 swagger-ui redoc 上面两个链接分别是fastapi两种模式下文档接口所需的静态资源开源地址。 这里我抽取出我们所需要的最少的资源放在我的百度网盘。 提取码：33kh 将静态资源下载后放到项目的根目录下，
FastAPI交互文档不显示的问题
Mr.Guo的博客
12-27 856
当安装好fastapi，使用交互文档时，默认的页面静态文件是从CDN获取，就会有打开速度慢或者打不开的问题，通过以下三步修改。
api-docs:Flarum API文档
04-06
Flarum API文档
javafx-8u311-apidocs
11-28
javafx-8u311-apidocs.tar 官方正版资源 api使用文档
FastAPI高性能Web框架-其他
06-11
FastAPI是一个高性能Web框架，用于构建API。 FastAPI主要特性： 1、快速：非常高的性能，与NodeJS和Go相当 2、快速编码：将功能开发速度提高约200％至300％ 3、更少的错误：减少约40％的人为错误 4、直观：强大的编辑器支持，自动补全无处不在，调试时间更少 5、简易：旨在易于使用和学习，减少阅读文档的时间。 6、简短：减少代码重复。 7、稳健：获取可用于生产环境的代码，具有自动交互式文档 8、基于标准：基于并完全兼容 API 的开放标准OpenAPI和JSON Schema  FastAPI要求： Python 3.6+ FastAPI站在巨人的肩膀上： Web部件的Starlette。 用于数据部分的Pydantic。   FastAPI高性能Web框架 更新日志： v0.65.0 重大更改-升级 arrow_up 将Starlette升级到0.14.2，包括UJSONResponse从Starlette内部迁移的Starlette。其中包括Starlette的一些错误修复和功能。 翻译 globe_with_meridians初始化新的波兰语翻译。 内部 建筑工人添加GitHub Action缓存以加快CI的安装。 arrow_up将setup-python GitHub Action升级到v2。 漏洞修复docs脚本以使用overrides样板生成新的翻译语言。 闪闪发光 使用新的赞助等级添加新的Deta横幅徽章 弓。 busts_in_silhouette更新FastAPI人员。 Loud_sound更新FastAPI人员，以进行更好的调试。
FastAPI入门
m0_70618214的博客
08-13 1111
什么是 FastAPI 呢？ FastAPI 是 Python 的一个框架，如果要类比的话，那就是： Nodejs 和 Nestjs Java 和 Spring Php 和 ThinkPhp
智慧酒店项目智能化系统汇报方案qy.pptx
最新发布
04-30
智慧酒店项目智能化系统汇报方案qy.pptx
基于C语言编写的高并发Epoll服务器.zip
04-30
基于C语言编写的高并发Epoll服务器.zip
liba2ps1-4.14-bp156.5.5.ppc64le.rpm
04-30
liba2ps1-4.14-bp156.5.5.ppc64le
fastapi swagger
05-20
FastAPI 是一个现代化的 Web 框架，它基于 Python 3.6+，并使用了一些最新的技术，如 type hints、asyncio 和 Pydantic。FastAPI 可以让你快速地构建高性能的 Web 应用程序和 API。 Swagger 是一种 API 文档和交互式测试工具，它可以帮助开发者快速地了解和测试 API。FastAPI 集成了 Swagger UI，使开发者可以通过浏览器轻松地查看和测试 API。 在 FastAPI 中，只需要使用少量的代码就可以生成 Swagger 文档。你可以使用 FastAPI 内置的 `FastAPIOpenAPI` 和 `FastAPISwaggerUI` 类来集成 Swagger UI，代码示例如下： ```python from fastapi import FastAPI from fastapi.openapi.utils import get_openapi from fastapi.responses import HTMLResponse from fastapi.staticfiles import StaticFiles from fastapi.templating import Jinja2Templates from fastapi import FastAPI from fastapi.openapi.utils import get_openapi from fastapi.responses import JSONResponse, HTMLResponse from fastapi import FastAPI from fastapi.openapi.utils import get_openapi from fastapi.responses import JSONResponse, HTMLResponse from fastapi import FastAPI from fastapi.openapi.utils import get_openapi from fastapi.responses import JSONResponse, HTMLResponse from fastapi import FastAPI from fastapi.openapi.utils import get_openapi from fastapi.responses import JSONResponse, HTMLResponse app = FastAPI() # 静态文件 app.mount("/static", StaticFiles(directory="static"), name="static") # 模板文件 templates = Jinja2Templates(directory="templates") # 路由 @app.get("/", response_class=HTMLResponse) async def home(request: Request): return templates.TemplateResponse("index.html", {"request": request, "title": "FastAPI"}) @app.get("/docs", response_class=HTMLResponse) async def read_docs(request: Request): return templates.TemplateResponse("docs.html", {"request": request, "title": "API 文档"}) @app.get("/openapi.json", response_class=JSONResponse) async def get_open_api_endpoint(): return JSONResponse(get_openapi(title="FastAPI", version="0.1.0", app=app)) # 启动 FastAPI if __name__ == "__main__": uvicorn.run(app, host="0.0.0.0", port=8000) ``` 在上面的代码中，我们创建了一个 `FastAPI` 实例，并使用 `app.mount` 方法来加载静态文件。然后，我们使用 `Jinja2Templates` 类来加载模板文件。接下来，我们定义了三个路由：`/`、`/docs` 和 `/openapi.json`。其中，`/` 和 `/docs` 路由返回 HTML 页面，`/openapi.json` 路由返回 Swagger 文档。 最后，我们使用 `uvicorn` 模块来启动 FastAPI。启动后，我们可以通过浏览器访问 `http://localhost:8000/docs` 来查看 Swagger UI。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值