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

最新推荐文章于 2024-06-04 19:19:52 发布
最新推荐文章于 2024-06-04 19:19:52 发布
阅读量2k 收藏
点赞数
分类专栏： Fastapi开发 文章标签： python 乱码 javascript css flask
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29622543/article/details/117085056
版权

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服务即可解决乱码问题

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

「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
FastReport 中文版乱码解决
02-08
解决在XE5上，fastreport中文版的时候设计器有部分乱码的问题，将附件中的frcc替换他res中的frcc，然后再用chinese中的mk.dat再运行一下就OK了
记录关于SpringMvc集成swagger v2/api-docs接口请求404的问题，原因为请求参数中文乱码
weixin_44258976的博客
02-05 947
发现第一种无效，第二种方法有效。2、tomcat配置。
FastAPI给docs/配置自有域名的静态资源swagger-ui
最新发布
jaket5219999的博客
06-04 519
2. 安装插件fastapi-cdn-host（只适用0.100以上版本的fastapi，旧版本请自行参考官网示例）附：如果还想修改网站ico，可以传入favicon_url参数。
FastAPI设置Cookies时发生Latin-1编码异常的解决方法
Deaohst的博客
02-02 394
FastAPI Latin-1编码异常
【转】使用fastjson替换mvc的jackson ，解决乱码问题（swagger api-docs乱码）
weixin_45709078的博客
03-16 369
在springboot中，就一步就把替换和乱码问题解决了，代码如下： @Configuration public class WebMvcConfig extends WebMvcConfigurerAdapter { /** * 利用fastjson替换掉jackson，且解决中文乱码问题 * @param converters */ @Override public void configureMessageConverters(List<Ht
google docs api 文件标题乱码解决方法
lamp专栏
11-21 2872
python google docs 中文文件名乱码
swagger-api-docs:swagger-api-docs
05-04
api-doc-swagger 昂扬的API文档与HTTP服务器一起运行$ brew安装节点安装http服务器$ npm安装http-server -g运行应用程序$ http-服务器。快速运行$ npm我$节点server.js与DOCKER图像一起运行$ docker build -f ...
FastApi 最新中文文档
10-31
FastApi 最新中文文档 FastAPI 是一个用于构建 API 的现代、快速（高性能）的 web 框架，使用 Python 3.8+ 并基于标准的 Python 类型提示。 关键特性: 快速：可与 NodeJS 和 Go 并肩的极高性能（归功于 Starlette ...
jsonapi-swagger:创建一个JSONAPI Swagger
05-06
JSONAPI Swagger 生成JSONAPI Swagger文档。 安装 将此行添加到您的应用程序的Gemfile中： gem 'jsonapi-swagger' 然后执行： $ bundle 或将其自己安装为： $ gem install jsonapi-swagger 用法 配置jsonapi ...
Asp.net core WebApi 使用Swagger生成帮助页实例
10-19
本篇文章主要介绍了Asp.net core WebApi 使用Swagger生成帮助页实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
swagger-aggregate：用于整合多个服务的Swagger api-docs的Spring Boot应用
02-04
Swagger-aggregate 是一个基于Spring Boot的应用，专门设计用于聚合多个微服务中的Swagger API文档，以实现集中式的API管理。在现代分布式系统中，多个服务之间的API接口协同工作，Swagger-aggregate 提供了一个便利...
apidoc生成的接口文档页面布局混乱解决办法
ww305456036的博客
02-27 607
之前一直使用apidoc生成接口文档，今天因为在另一台电脑上也需要使用，就按照网上的教程安装了nodejs和apidoc。但是安装成功之后，执行apidoc命令生成接口文档的页面布局居然是混乱的，或者说跟以前不太一样。具体是这样的： 再看生成的具体代码如下： 可见好像是少了一些什么东西。然后从网上各种查资料，将nodejs和apidoc卸载重装了多次仍然无果。 后来突然想到，是不是apidoc官方更新了？难道官方的布局就更新成这样了吗？ 抱着这个想法，找到了apidoc的官方网址，如下：
自定义Header后台传到前台中文乱码问题
天眼 的博客
08-26 849
在后台这样处理 String msg = URLEncoder.encode("中文", "UTF-8").replace("+","%20") 在前台这样处理 decodeURIComponent(msg) 其实前台传后台、后台传前台，对于乱码的解决思路是一样的，无非是编码再解码。上面用replace("+","%20")是因为encode会把空格编码成+，所以要替换回空格。%20就是空格的html编码。 ...
springboot + swgger遇到的坑 - 请求地址‘/v2/api-docs‘,发生未知异常.
2301_76695845的博客
07-12 3048
ERROR c.w.r.c.s.h.GlobalExceptionHandler - [handleRuntimeException,83] - 请求地址'/v2/api-docs',发生未知异常. java.lang.NullPointerException: null
swagger文档中中文乱码，logback配置的日志中文乱码，docker环境下部署
qq_34595792的博客
10-27 1714
解决方案一： logback.xml中配置中文编码，如： <charset>UTF-8</charset> <appender name="file_error" class="ch.qos.logback.core.rolling.RollingFileAppender"> <file>${log.path}/error.log</file> <!-- 循环政策：基于时间创建日志文件 --> .
swagger的使用及踩坑
十一的博客
10-14 4028
swagger的使用有两种方式: https://blog.csdn.net/weixin_37509652/article/details/80094370 按照该博客中的第一种方式使用@EnableSwagger2Doc注解其实是直接使用的swagger默认配置,生成的页面如下, 手动配置首先要去除启动类上@EnableSwagger2Doc注解,否则会报错. 配置有两种方式, 1.配置类 /** * Swagger2API文档的配置 */ @Configuration @Enabl
fastapi响应数据处理
weixin_50645221的博客
08-14 1286
fastapi相应处理
【Java】跨域处理拦截器 （以及中文乱码问题）
weixin_41979605的博客
07-23 1825
问题背景 有个项目有两部分： h5+大屏展示,两个人做，分了两个前段项目，后端一个 解决方案： 1、Nginx 代理,支持两个域名访问同一个后端(✅) 2、支持跨域,不限制跨域(????????,最后还是采用了这个) 配置跨域支持 两个前段一个后台，如果用Nginx配置一下不同的域名转发一下也没有问题，但由于合作方基本不用Nginx，全靠slb拦截之类的骚操作，导致后端只能开放为允许跨域。 配置方式很简单，直接给贴个全的,感动不感动，-,- @Configuration public class WebMv
response乱码原因及setCharacterEncoding(“UTF-8“)和setContentType(“application/csv；charset=utf-8“)不生效的原因及解决方
ikigai_6的博客
08-27 4235
基于以上两点原因，即使SecondServlet中response.setCharacterEncoding(“UTF-8”)语句执行之前没有执行了response.getWriter()语句，但是FirstServlet中执行了response.getWriter()语句，同样会使response.setCharacterEncoding(“UTF-8”)不生效。二、response.setCharacterEncoding(“UTF-8”)不生效的原因及解决方法。一、response乱码。
swagger关闭/v2/api-docs仍然可以访问漏洞 如何解决
05-27
要解决Swagger关闭/v2/api-docs仍然可以访问漏洞，您可以采取以下措施： 1. 禁用Swagger的UI页面，这可以通过在Spring Boot应用程序的配置文件中添加如下配置实现： ``` springfox.documentation.swagger-ui....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值