当前位置: 首页 > news >正文

fastapi访问/docs接口,页面空白

1、问题:

安装好fastapi后,运行服务器,打开 http://127.0.0.1:8000/docs页面空白,原因是通过f12可以看到访问http://127.0.0.1:8000/docs时接口调用了一个js脚本,这个脚本是部署在国外的,总之 就是因为这个原因导致我们没法访问了,由此我们需要把这个脚本从网上下载下来,放到本地,把此处调用国外的脚本变成调用我们自己本地的,即可。
在这里插入图片描述

2、 解决办法

(1)资源下载:https://cdn.jsdelivr.net/npm/swagger-ui-dist@4/swagger-ui-bundle.js,下载的是一个文件夹:swagger-ui-master
把上边下载的文件夹,复制到你的fastapi项目中,如下图:
在这里插入图片描述
然后找到你的site-package/fastapi/openapi/docs.py文件,进行修改
在这里插入图片描述
打开docs.py,修改如下内容:
在这里插入图片描述

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

最后在主程序中添加如下代码:
app.mount(‘/swagger-ui-master’, StaticFiles(directory=‘swagger-ui-master’), name=‘swagger-ui-master’)
在这里插入图片描述
然后再打开http://127.0.0.1:8000/docs就可以看到内容了
![在这里插入图片描述](https://img-blog.csdnimg.cn/6c13ce442830498f8e97f65522d14f12.png

这里一定要注意层级关系,就是上边说的,你下载的swagger-ui-master文件夹一定要和你的主启动文件在一个层级,要不然你还得更换路径啥的,

参考文章:https://blog.csdn.net/weixin_42803719/article/details/124865717

相关文章:

  • 《Python 计算机视觉编程》学习笔记(二)
  • 【Vue】MVVM模型,vue中的data、methods属性
  • 经典面试题-如何将字符串转化为整型
  • 【Python练习】task-08 综合练习
  • 利用pe系统重装电脑
  • HW面试题
  • python自动化小技巧08——从剪贴板读取数据(快速复制粘贴)
  • 【Linux】之Jumpserver堡垒机的部署/搭建
  • 学习信奥要不要先学python
  • Yolov7训练自己的数据集(超详细)
  • 常见网络知识面试题总结
  • 当前行情下,真的还能“跳进”进大厂吗?
  • Vue入门【五】-- 组件通信
  • Golang并发-Go优雅的退出程序(同步等待组 sync.WaitGroup)
  • 520.检测大写字母
  • CAP 一致性协议及应用解析
  • CNN 在图像分割中的简史:从 R-CNN 到 Mask R-CNN
  • es的写入过程
  • hadoop集群管理系统搭建规划说明
  • JS函数式编程 数组部分风格 ES6版
  • Kibana配置logstash,报表一体化
  • Python利用正则抓取网页内容保存到本地
  • vue:响应原理
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 极限编程 (Extreme Programming) - 发布计划 (Release Planning)
  • 如何胜任知名企业的商业数据分析师?
  • 如何优雅地使用 Sublime Text
  • 微信小程序--------语音识别(前端自己也能玩)
  • 学习JavaScript数据结构与算法 — 树
  • 用quicker-worker.js轻松跑一个大数据遍历
  • 怎么把视频里的音乐提取出来
  • 你对linux中grep命令知道多少?
  • 浅谈sql中的in与not in,exists与not exists的区别
  • ​Spring Boot 分片上传文件
  • ​一、什么是射频识别?二、射频识别系统组成及工作原理三、射频识别系统分类四、RFID与物联网​
  • #if #elif #endif
  • (1)(1.9) MSP (version 4.2)
  • (13)Hive调优——动态分区导致的小文件问题
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (C++17) std算法之执行策略 execution
  • (HAL库版)freeRTOS移植STMF103
  • (二开)Flink 修改源码拓展 SQL 语法
  • (剑指Offer)面试题41:和为s的连续正数序列
  • (论文阅读32/100)Flowing convnets for human pose estimation in videos
  • (四)c52学习之旅-流水LED灯
  • (学习日记)2024.03.12:UCOSIII第十四节:时基列表
  • (原創) 人會胖會瘦,都是自我要求的結果 (日記)
  • (终章)[图像识别]13.OpenCV案例 自定义训练集分类器物体检测
  • (转)全文检索技术学习(三)——Lucene支持中文分词
  • (自用)learnOpenGL学习总结-高级OpenGL-抗锯齿
  • .Mobi域名介绍
  • .net core 6 集成 elasticsearch 并 使用分词器
  • .net framework 4.0中如何 输出 form 的name属性。
  • .net6使用Sejil可视化日志
  • .pub是什么文件_Rust 模块和文件 - 「译」