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就可以看到内容了

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

参考文章：https://blog.youkuaiyun.com/weixin_42803719/article/details/124865717