0


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

标签: fastapi ui 前端

本文转载自: https://blog.csdn.net/jianglianye21/article/details/127065727
版权归原作者 一世繁华行 所有, 如有侵权,请联系我们删除。

“fastapi访问/docs接口,页面空白”的评论:

还没有评论