首页 > 其他分享 >fastapi 中文档显示空白

fastapi 中文档显示空白

时间:2023-07-31 15:35:47浏览次数:36  
标签:fastapi js 空白 html ui 文档 swagger css

原因: fastapi swagger js css 都是写死在代码中的,他的正常传参修改地址不没有打开的,所以不能用正常的方式修改他的内置js css 路径:
原始路径为:
墙内很难打开

解决方案:
在生命app=FastAPI(....)之前粘贴下面代码,可以修改swagger js css 引用路径

from fastapi import applications
from fastapi.openapi.docs import get_swagger_ui_html


def swagger_monkey_patch(*args, **kwargs):
    """
    Wrap the function which is generating the HTML for the /docs endpoint and
    overwrite the default values for the swagger js and css.
    """
    # 国内优秀的资源库 https://www.liangwei.cc/website_tech/jsdelivr_zha_le_guo_nei_ti_dai_fang_an.html, 这里用的是七牛云的
    return get_swagger_ui_html(
        *args, **kwargs,
        swagger_js_url="https://cdn.staticfile.org/swagger-ui/5.2.0/swagger-ui-bundle.min.js",
        swagger_css_url="https://cdn.staticfile.org/swagger-ui/5.2.0/swagger-ui.min.css")


# Actual monkey patch
applications.get_swagger_ui_html = swagger_monkey_patch

# app = FastAPI(title="xxx",..................)

标签:fastapi,js,空白,html,ui,文档,swagger,css
From: https://www.cnblogs.com/Dr-wei/p/17593547.html

相关文章

  • mongodb 数组文档 addtoset
    MongoDB数组文档addtoset在MongoDB中,数组文档是一种非常有用的数据结构,它可以在一个文档中存储多个值,并且可以非常灵活地对其进行添加、更新和删除操作。其中一个常用的数组操作是addtoset,它用于向数组文档中添加新的元素。数组文档简介在MongoDB中,数组文档是一种嵌套在......
  • 【十】DRF之接口文档相关
    【一】自动生成接口文档RESTframework可以自动帮助我们生成接口文档。接口文档以网页的方式呈现。自动接口文档能生成的是继承自APIView及其子类的视图。【二】安装依赖RESTframewrok生成接口文档需要coreapi库的支持。pipinstallcoreapi【三】设置接口文档访问路......
  • VUE el-table表格实现双击编辑,单机空白处放弃修改,回车提交修改
    VUEel-table表格实现双击编辑,单机空白处放弃修改,回车提交修改template<el-row><el-col:span="24"><el-table@cell-dblclick="handleCellDBClick":data="tabledata"border><!--生成列--><......
  • CSS-详情见帮助文档
    1.CSS的作用1.1什么是CSS,有什么作用?CSS(CascadingStyleSheet):层叠样式语言CSS的作用是:修饰HTML页面,设置HTML页面中某些元素的样式,让HTML更好看CSS好比HTML的化妆品一样HTML还是主体,CSS依赖HTML,新建的文件还是.html......
  • 4.vim帮助文档
    1.1basicmodesChinesereferencemanualhttps://yianwillis.github.io/vimcdoc/doc/help.html:helpON-LINEHELP#searchforhelp:help:helpkeyword#example:helpinsertingstartNormalmode#vimfile.txtSinceyouhavejuststartedVimitwil......
  • 在 ASP.NET Core 中使用 IHttpClientFactory 发出 HTTP 请求(官方文档)
    在ASP.NETCore中使用IHttpClientFactory发出HTTP请求项目2023/04/11本文内容消耗模式发出POST、PUT和DELETE请求出站请求中间件使用基于Polly的处理程序作者:KirkLarkin、SteveGordon、GlennCondron和RyanNowak。可以注册IHttpClientFactory并将其......
  • 上传图片或文档 二进制文档流方式上传
    问题:接口上传图片需要将图片以二进制得格式与其他字段一块传给后端方案:改变接口传递类型  application/x-www-form-urlencodedletparams={thaliId:this.editData.thaliId,thaliPrice:this.editData.thaliPrice,salesInstructions:thi......
  • PyTorch 1.4 中文文档校对活动正式启动 | ApacheCN
    一如既往,PyTorch1.4中文文档校对活动启动了!认领须知请您勇敢地去翻译和改进翻译。虽然我们追求卓越,但我们并不要求您做到十全十美,因此请不要担心因为翻译上犯错——在大部分情况下,我们的服务器已经记录所有的翻译,因此您不必担心会因为您的失误遭到无法挽回的破坏。(改编自维基百......
  • 有效文档管理离不开这几个特点
    在我们日常生活中经常会遇到各式各样的文档类型,想要把它们都统一管理起来也不是一件容易的事情。后来looklook就去研究怎么样可以把这一堆文档整理起来呢?接下来,looklook就从有效的文档管理展开,和大家分享一下!有效文档管理的特点1.强大的搜索和索引功能一个好的文档管理解决方案能够......
  • k8s 按照文档
    一、环境准备两台服务器:1、master2、worker-node3、关闭防火墙:systemctlstopfirewalldsystemctldisablefirewalld4、关闭selinuxsed-i's/enforcing/disabled/'/etc/selinux/configsetenforce05、关闭swapswapoff-ased-ri's/.*swap.*/#&/'/etc/fstab6、服务器规划cat......