Fastapi Swagger乱码 /docs乱码 样式错误

5月20日,FastAPI的Swagger界面出现乱码和样式问题,经判断为CDN资源更新导致的不兼容。临时解决方案是修改Fastapi包内docs.py中Swagger的JS和CSS引用地址,指定特定版本,重启服务后乱码问题得到解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

5月20日下午,发现FASTAPI的Swagger样式突然错乱了

  • 询问群友发现也有这个问题,简单判断认定是CDN的js和css导致的问题。而原代码中cdn路径并没有指定具体版本,可能是有更新导致了样式不兼容。经过验证,发现部分fastapi版本源码库中并未对swagger的资源限制版本。所以我们手动修改一下应急。

临时处理

  1. 首先打开Fastapi包,打开openapi -> docs.py
  2. 修改js和css的地址:
    修改文件

修改为:

    # 替换
    swagger_js_url: str = "https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.30.0/swagger-ui-bundle.js",
    swagger_css_url: str = "https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.30.0/swagger-ui.css",
  1. 重启Fastapi服务即可解决乱码问题

– 转载请标明地址和作者 –

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值