FastAPI 自动文档Swagger UI 打不开。显示空白

FastAPI 自动文档Swagger UI 打不开,显示空白.redoc也打不开。

一、查明原因
二、解决问题
- 1.下载文件
- 2.修改代码引用

一、查明原因

Request URL: https://cdn.jsdelivr.net/npm/swagger-ui-dist@4/swagger-ui.css
Request URL: https://cdn.jsdelivr.net/npm/swagger-ui-dist@4/swagger-ui-bundle.js

这两个文件红了。

二、解决问题

1.下载文件

这两个文件的开源项目地址如下
https://github.com/swagger-api/swagger-ui
https://github.com/Redocly/redoc
我们只需要提前自己需要的文件即可
这里已经从中抽取出来所需要的文件，需要的可以点击下方连接自行下载
静态文件直达
百度网盘链接: https://pan.baidu.com/s/1lvNm1tfshf-OZnEyrSvcdQ 提取码: g4u5

2.修改代码引用

我们需要在python解释器环境(或虚拟环境)下Lib/site-package/fastapi/openapi/docs.py文件

注释掉原来的代码(一共2处)

swagger_js_url: str = "https://cdn.jsdelivr.net/npm/swagger-ui-dist@4/swagger-ui-bundle.js",
swagger_css_url: str = "https://cdn.jsdelivr.net/npm/swagger-ui-dist@4/swagger-ui.css",
swagger_favicon_url: str = "https://fastapi.tiangolo.com/img/favicon.png",

修改为新的代码

swagger_js_url: str = "/static/swagger-ui/swagger-ui-bundle.js",
swagger_css_url: str = "/static/swagger-ui/swagger-ui.css",
swagger_favicon_url: str = "/static/swagger-ui/favicon-32x32.png",

注释掉

redoc_js_url: str = "https://cdn.jsdelivr.net/npm/redoc@next/bundles/redoc.standalone.js",
redoc_favicon_url: str = "https://fastapi.tiangolo.com/img/favicon.png",

修改为

redoc_js_url: str = "/static/redoc/bundles/redoc.standalone.js",
redoc_favicon_url: str = "/static/redoc/favicon.png",

最后在主程序里面加上静态目录

from starlette.staticfiles import StaticFiles  # 先引用包
app.mount(‘/static’, StaticFiles(directory=‘static’), name=‘static’)

再次查看文档
可以打开了

本地路径

根据网上教程整理而成，侵删。

FastAPI 自动文档Swagger UI 打不开。显示空白相关推荐

ie弹出空白html文档,IE下打开网页有时显示空白解决方法.doc
IE下打开网页有时显示空白解决方法辩叮妖奏爪安晒钙趴佯盎褥柠擅忍辖豺粉确吗面须倍隙履颗肩遍德聂聚骋恒佃池霞隐净庙位镀苑称谆亚霉陶抿驶目常雕醛木胯焕嵌帖恬硫田锗囱凭奈沙皇樊功绳俞渊疮讼蜒峨艳裙赐桐某婿 ...
Fastapi交互式文档实现方法讲解
Fastapi交互式文档实现方法讲解 # applications.py class FastAPI(Starlette):def __init__(self,*,debug: bool = Fals ...
接口文档Swagger、knife4j和YApi、APIDOC
接口文档Swagger.knife4j和YApi.APIDOC功能对比图 API文档工具简介特点跨语言在线编辑导入文档导出离线文档权限管理 Swagger spring-boot支持的基 ...
Spring Boot API 接口文档 Swagger 入门
转载自芋道 Spring Boot API 接口文档 Swagger 入门摘要: 原创出处 http://www.iocoder.cn/Spring-Boot/Swagger/ 「芋道源码」欢迎转 ...
计算机文档打不开是什么原因,文档打不开电脑我的文档Word突然打不开了，是怎会是啊？其他还都爱问知识人...
初级篇一.文档可打开并修复 Microsoft Office Word 2003 和 Microsoft Word 2002 在检测到文件有问题时,它们会尝试自动恢复损坏的文档. 您也可以在打开文档 ...
如何解决word文档报错打不开呢?
在日常办公中,会经常使用到word文档.有时,在我们的电脑上会不小心将两个不同的文件保存在同一个群集中.这样导致文件是交叉链接的,致使我们经常会收到一个错误提示.此外,由于病毒或数据损坏而误删除文件很 ...
创建模板只有从空白html文档开始创建,word 2019如何创建空白文档和模板文档
学习word2019文字处理的时候,我们首先要知道如何来创建word2019文档,创建word文档和ppt.excel创建文档的方式基本一致,只有创建好了文档我们才可以进行录入和修改,今天我们就来学习 ...
word文档报错打不开要如何处理呢?
当我们在使用Word文档时,最麻烦的就是程序崩溃.在这种情况下,可能会出现不同的故障信息.不可读的字符或者奇怪的文档格式层出不穷.说明你的文件可能损坏了,就需要修复文件.如果小伙伴们再次尝试启动Wor ...
word文档中表格计算机功能在哪,电脑在Word文档中插入Excel图表不显示如何解决...
电脑中都会有安装一个Word文档,我们可以编辑和整理文件,但是一位用户说做Word文档里,想插入EXCEL图表,但是显示出来的是一段代码,尝试很多次还是一样,怎么办呢?如果你还在为此问题困扰,那么可以 ...