【FastAPI】日志
一、概述
FastAPI 是一个现代的、快速(高性能)的Web框架,用于构建API,基于Python类型提示。
日志记录是任何应用程序中不可或缺的一部分,它允许开发者追踪事件的发生、识别错误并了解系统的运行状态。
在 FastAPI 中,日志配置可以通过多种方式进行,包括直接使用 Python 的标准 logging 模块、集成第三方库如 loguru,以及通过 uvicorn 的日志配置来实现。
二、实现方法
2.1 使用 Python 标准 logging 模块
FastAPI 默认集成了 Python 的标准logging
模块,这使得我们可以很容易地配置和管理应用程序的日志输出。
要将日志信息输出到文件中,可以使用 RotatingFileHandler
来创建一个日志处理器实例,并将其添加到 logger 中。
例如:这段代码将所有 INFO 级别及以上的日志消息记录到 app.log
文件中,当文件大小超过 1MB
时会自动创建新的备份文件。
import logging
from logging.handlers import RotatingFileHandler
from fastapi import FastAPI# 初始化 FastAPI 应用
app = FastAPI()# 创建 RotatingFileHandler 实例
file_handler = RotatingFileHandler(filename="app.log", maxBytes=1000000, backupCount=10)# 设置日志格式
formatter = logging.Formatter("%(asctime)s - %(levelname)s - %(message)s")
file_handler.setFormatter(formatter)# 获取根 logger 并添加 handler 和级别
logger = logging.getLogger()
logger.addHandler(file_handler)
logger.setLevel(logging.INFO)@app.get("/")
async def read_root():logger.info("访问了根路径")return {"Hello": "World"}if __name__ == "__main__":import uvicornuvicorn.run(app, host="127.0.0.1", port=8000)
2.1 使用 Loguru 库
尽管 Python 的 logging 模块功能强大,但它的配置可能相对复杂。
Loguru 提供了一个更简洁的接口,简化了日志记录的过程。
通过 pip 安装 ·loguru· 后,可以在 FastAPI 项目中轻松集成它,以获得更加用户友好的日志记录体验。
例如:这里展示了如何配置 loguru 来记录日志到文件,并且设置了每日轮换和最多保留一天的日志文件。
from loguru import logger
from fastapi import FastAPIapp = FastAPI()log_path = '/u01'
if not os.path.exists(log_path):os.mkdir(log_path)
log_file = '{0}/fa_25_{1}_log.log'.format(log_path, datetime.now().strftime('%Y-%m-%d'))
logger.add(log_file, rotation="12:00", retention="1 days", enqueue=True)@app.get("/")
async def root():logger.info('Hello world')logger.info('日志测试。')return "Hello world"
2.3 配置 Uvicorn 日志
Uvicorn 是一个用于运行 ASGI 应用程序的服务器,通常用来启动 FastAPI 应用。
Uvicorn 自身也支持日志配置,可以通过传递 log_config 参数给 uvicorn.run() 方法来自定义日志格式和行为。
例如:这段 JSON 配置定义了日志的格式化方式,其中包括时间戳、线程名称等信息,并指定了日志应该被发送到的标准输出流或文件。
在这个例子中,我们指定了一个外部的日志配置文件 path/to/logconfig.json,其中包含了详细的日志格式化规则和处理器配置6。这使得我们可以灵活地调整日志输出的行为,而无需修改应用程序本身的代码。
{"version": 1,"disable_existing_loggers": false,"formatters": {"default": {"()": "uvicorn.logging.DefaultFormatter","fmt": "%(asctime)s %(threadName)s %(levelprefix)s %(message)s","use_colors": null},"access": {"()": "uvicorn.logging.AccessFormatter","fmt": "%(asctime)s %(threadName)s %(levelprefix)s %(client_addr)s - '%(request_line)s' %(status_code)s"}},"handlers": {"default": {"formatter": "default","class": "logging.StreamHandler","stream": "ext://sys.stderr"},"access": {"formatter": "access","class": "logging.StreamHandler","stream": "ext://sys.stdout"}},"loggers": {"fastapi": {"handlers": ["default"],"level": "INFO"},"uvicorn": {"handlers": ["default"],"level": "INFO"},"uvicorn.error": {"level": "INFO"},"uvicorn.access": {"handlers": ["access"],"level": "INFO","propagate": false}}
}
然后,在启动应用时可以这样调用:
import uvicorn
from fastapi import FastAPIapp = FastAPI()@app.get("/")
async def root():return {"message": "Hello World"}if __name__ == "__main__":uvicorn.run(app, host="127.0.0.1", port=8000, log_config='path/to/logconfig.json')
三、FastAPI的日志级别
FastAPI 应用的日志级别可以通过多种方式来配置,这取决于你是想调整整个应用的日志输出,还是仅针对特定部分。
日志级别是用于指示事件重要性的标签,它们帮助开发者决定哪些信息应该被记录下来以供后续分析或调试。
通常情况下,Python 的 logging 模块提供了以下几种日志级别(按照严重性递增):
DEBUG (10)
:详细的调试信息,通常只在诊断问题时有用。INFO (20)
:确认程序按预期工作,表示应用程序正常运行的信息。WARNING (30)
:表示某些非致命问题的警告信息,但这些问题可能需要关注。ERROR (40)
:由于更严重的问题导致功能未能执行的日志信息。CRITICAL (50)
:非常严重的错误,表明程序本身可能无法继续运行。
在 FastAPI 中,你可以通过 Python 标准库中的 logging 模块来设置日志级别,或者使用 Uvicorn 提供的命令行选项和配置文件来控制日志输出的行为。
下面将详细介绍如何为 FastAPI 设置不同的日志级别。
- 使用 Python 标准 logging 模块设置日志级别
当你使用 Python 的标准 logging 模块时,可以创建一个 logger 对象,并通过 setLevel() 方法来指定最低的日志级别。
任何低于该级别的消息都将被忽略。
例如,如果你设置了 INFO 级别,则只有 INFO、WARNING、ERROR 和 CRITICAL 级别的消息会被记录下来。
在这个例子中,尽管我们调用了 logger.debug(),但由于日志级别设置为 INFO,所以这条消息不会出现在输出中。
import logging
from fastapi import FastAPIapp = FastAPI()# 创建并配置 logger
logger = logging.getLogger()
logger.setLevel(logging.INFO) # 设置全局日志级别为 INFO@app.get("/")
async def read_root():logger.debug("这是一个调试信息") # 不会打印,因为低于 INFO 级别logger.info("访问了根路径")return {"Hello": "World"}if __name__ == "__main__":import uvicornuvicorn.run(app, host="127.0.0.1", port=8000)
- 使用 Uvicorn 设置日志级别
Uvicorn 是 FastAPI 的 ASGI 服务器实现之一,它允许你通过命令行参数或配置文件来设置日志级别。你可以直接在启动命令中添加 --log-level 参数来改变日志级别,如 uvicorn main:app --log-level debug。此外,还可以通过 JSON 或 YAML 格式的日志配置文件来进一步自定义日志格式和其他行为1。
例如,创建一个名为 uvicorn_config.json 的日志配置文件:
{"version": 1,"disable_existing_loggers": false,"formatters": {"default": {"()": "uvicorn.logging.DefaultFormatter","fmt": "%(asctime)s %(levelprefix)s %(message)s","use_colors": null},"access": {"()": "uvicorn.logging.AccessFormatter","fmt": "%(asctime)s %(levelprefix)s %(client_addr)s - '%(request_line)s' %(status_code)s"}},"handlers": {"default": {"formatter": "default","class": "logging.StreamHandler","stream": "ext://sys.stderr"},"access": {"formatter": "access","class": "logging.StreamHandler","stream": "ext://sys.stdout"}},"loggers": {"fastapi": {"handlers": ["default"],"level": "DEBUG" # 设置 FastAPI 日志级别为 DEBUG},"uvicorn": {"handlers": ["default"],"level": "INFO"},"uvicorn.error": {"level": "INFO"},"uvicorn.access": {"handlers": ["access"],"level": "INFO","propagate": false}}
}
然后,在启动应用时可以这样调用:
if __name__ == "__main__":import uvicornuvicorn.run(app, host="127.0.0.1", port=8000, log_config='path/to/uvicorn_config.json')
在这个配置文件中,我们将 FastAPI 的日志级别设置为了 DEBUG,这意味着所有级别的日志都会被记录下来。
请注意,这里提到的 fastapi logger 并不是默认存在的;
你需要确保你的应用程序中有相应的 logger 被正确命名并使用。
四、相关链接
【FastAPI】日志
【FastAPI】中间件
【FastAPI】简介
【FastAPI】BaseModel类
相关文章:
【FastAPI】日志
一、概述 FastAPI 是一个现代的、快速(高性能)的Web框架,用于构建API,基于Python类型提示。 日志记录是任何应用程序中不可或缺的一部分,它允许开发者追踪事件的发生、识别错误并了解系统的运行状态。 在 FastAPI 中&…...
faiss库中ivf-sq(ScalarQuantizer,标量量化)代码解读-7
流程 代码 void IndexIVF::search(idx_t n,const float* x,idx_t k,float* distances,idx_t* labels,const SearchParameters* params_in) const {FAISS_THROW_IF_NOT(k > 0);const IVFSearchParameters* params nullptr;if (params_in) {params dynamic_cast<const I…...
ORA-65198 PDB clone 时 不能新加datafile 以及hang的一个原因
create pluggable database XX from SS keystore identified by "YYY" parallel 32 service_name_convert( _srv, _srv); 20TB 4小时 update /* rule */ undo$ set name:2,file#:3,block#:4,status$:5,user#:6,undosqn:7,xactsqn:8,scnbas:9,scnwrp:10,inst#:11,…...
大秦朝历史
大秦朝是中国历史上一个虚构的朝代,通常被认为是秦朝的后继者。根据一些历史小说和影视作品的描述,大秦朝被描绘为一个强大的中央集权国家,统一了整个中国。大秦朝的帝王被描述为英明神武,开创了繁荣富强的盛世。 根据这些虚构的…...
docker部署工业操作系统基础环境手册
在 Docker 上安装最新的 TDengine 数据库并将数据文件和配置文件映射到宿主机,可以按照以下步骤操作: 一、Tdengine 篇章 1. 拉取最新的 TDengine 镜像 首先,确保你的 Docker 环境已安装并运行。然后,使用以下命令拉取 TDengine…...
算法 class 003
二进制表示数 8位 有符号二进制位,能表示正数128位 ,0 ~ 127(2的7次方减1) ,能表示负数128位 ,-1 ~ -128。 n 位有符号二进制位,一共能表示 2的n次放个数,正数为0 ~ (2的n-1次方) - 1(再减1&…...
gcc和gcc -c区别
gcc 和 gcc -c 之间的主要区别在于编译过程的不同阶段以及最终生成的输出文件类型。理解这两者的区别对于有效地管理和构建项目非常重要。 ### gcc(默认行为) 当你使用 gcc 编译器而没有指定 -c 选项时,GCC 会执行整个编译链的所有步骤&…...
从一次线上故障聊聊接口自动化测试
1、背景 3月初,运营同事配置了个还未上线的页面到网站首页 banner,导致用户点了报错。尽管这次很明确是运营人为操作失误引起的故障,但过往此类核心页面的访问异常,我们已不是第一次遇见。 从平台整体利益触发,我们各…...
工业大数据分析算法实战-day15
文章目录 day15特定数据类型的算法工业分析中的数据预处理工况划分数据缺失时间数据不连续强噪声大惯性系统趋势项消除 day15 今天是第15天,昨日是针对最优化算法、规则推理算法、系统辨识算法进行了阐述,今日主要是针对其他算法中的特定数据类型的算法…...
QLocalServer本地进程通信发送数据丢失部分数据丢失解决方案
问题说明 Qt使用QLocalServer进行本地进程通信,发现数据随机丢失。例如,我需要连续发送7个数据,如果连续调用socket的write接口,会引起数据随机丢失,导致数据不完整。 解决方案 我这里的解决方案是,将7个…...
0.gitlab ubuntu20.04 部署问题解决
安装依赖: ① sudo apt-get update 出现: 解决方式: 去 /etc/apt/sources.list.d 这个目录删除或注释对应的list文件 第三方软件的源一般都以list文件的方式放在 /etc/apt/sources.list.d 这个目录 重新运行sudo apt-get update 安装…...
tomcat temp临时文件不清空,占用硬盘,jdk字体内存泄漏
JSP老旧项目迁移过来的代码,生成海报,会读取图片,读取字体文件,绘制图片,会生成大量临时文件,内存泄漏。 方案一,服务器定时删除temp临时文件夹 方案二,图片、字体改用静态类读取文件…...
元宇宙中的去中心化应用:Web3的未来角色
随着科技的快速发展,元宇宙已经成为了全球关注的焦点,成为一种新型的虚拟世界互动平台。与此同时,Web3作为新一代互联网技术,借助去中心化的理念,为元宇宙的发展提供了技术支撑。从虚拟互动到数字身份管理,…...
中关村科金智能客服机器人如何解决客户个性化需求与标准化服务之间的矛盾?
客户服务的个性化和标准化之间的矛盾一直是一个挑战。一方面,企业需要提供标准化的服务以保持运营效率和成本控制;另一方面,为了提升客户满意度和忠诚度,企业又必须满足客户的个性化需求。为此,中关村科金推出了智能客…...
【ROS2】坐标TF发布(动态)
1、创建目录 mkdir -p ~/ros/src/laoer_tf2、创建包 cd /home/laoer/ros/eg/src/cpp/laoer_tf ros2 pkg create --build-type ament_cmake laoer_tf \--dependencies rclcpp tf2_ros geometry_msgs \--license Apache-2.03、源码 3.1 TF消息TransformStamped 1)消息类型 …...
图解HTTP-HTTP状态码
状态码 状态码的职责是当客户端向服务器端发送请求时,描述返回的请求结果。 类别原因短语1XXInformational(信息状态码)接收的请求正在处理2XXSuccess(成功状态码)请求正常处理完毕4XXRedirection (重定向状态码)需要…...
SAP消息号 FD014 (抬头)没有指定国际标准货币代码 CNY
1、IDOC配置完成后, 2、业务下单-发货-开票(2张) 3、WE02 查看IDOC时发现 从报错看是货币代码设置问题。 4、解决: OY03 RMB和CNY同时勾选导致 RMB不勾选主要。...
GRUtopia:构建虚拟世界中的智能机器人社会
人工智能咨询培训老师叶梓 转载标明出处 人工智能讲师大模型讲师叶梓前沿技术分享:GRUtopia:构建虚拟世界中的智能机器人社会 随着Embodied AI(具身智能)领域的快速发展,对于能够在复杂环境中执行任务的机器人的需求日…...
华为:数字化转型只有“起点”,没有“终点”
上个月,我收到了一位朋友的私信,他询问我是否有关于华为数字化转型的资料。幸运的是,我手头正好收藏了一些,于是我便分享给他。 然后在昨天,他又再次联系我,并感慨:“如果当初我在进行企业数字…...
在开发嵌入式系统时,尤其是处理大数时,会遇到取值范围的问题。51单片机通常没有内建大整数支持,因此我们需要采用不同的方法来解决这一问题
00 两种可行方法分别是: 使用数组存储每一位数据并进行进位运算:通过将大数按位拆分成数组,然后实现逐位加法、进位等操作。使用符号变量进行计算:将数值分成低位和高位,分别用符号变量进行计算。 01:使用…...
STM32 与 AS608 指纹模块的调试与应用
前言 在嵌入式系统中,指纹识别作为一种生物识别技术,广泛应用于门禁系统、考勤机、智能锁等场景。本文将分享如何在 STM32F103C8T6 开发板上使用 AS608 指纹模块,实现指纹的录入和识别功能。 硬件准备 STM32F103C8T6 开发板AS608 指纹模块…...
腾讯PHP经典面试题(附答案)
腾讯PHP经典面试题(附答案) PHP开发工程师笔试试卷 姓名:PHP 一、PHP开发部分 1.合并两个数组有几种方式,试比较它们的异同 答: 1、array_merge() 2、’’ 3、array_merge_recursive array_merge 简单的合并数…...
LightGBM分类算法在医疗数据挖掘中的深度探索与应用创新(上)
一、引言 1.1 医疗数据挖掘的重要性与挑战 在当今数字化医疗时代,医疗数据呈爆炸式增长,这些数据蕴含着丰富的信息,对医疗决策具有极为重要的意义。通过对医疗数据的深入挖掘,可以发现潜在的疾病模式、治疗效果关联以及患者的健康风险因素,从而为精准医疗、个性化治疗方…...
【PCIe 总线及设备入门学习专栏 1.1 -- PCIe 基础知识 lane和link介绍】
文章目录 OverivewLane 和 LinkRC 和 RPPCIe controllerPCIE ControllerPHY模块 Inbound 和 OutboundPCIe transaction modelPIODMAP2P Overivew PCIe,即PCI-Express总线(Peripheral Component Interconnect Express),是一种高速…...
PCDN 适合哪些人群?
家用宽带用户:对于家中有宽带,且宽带闲置时间较多的用户来说,PCDN是一个非常好的赚钱方式。只要你有足够的带宽和一台稳定的设备,就可以轻松参与。 小型网络运营者:如果你是小型网络运营者,拥有大量的闲置带宽资源PCDN 可以帮助你…...
C++之红黑树模拟实现
目录 红黑树的概念 红黑树的性质 红黑树的查找效率 红黑树的实现 红黑树的定义 红黑树节点的插入 红黑树的平衡调整 判断红黑树是否平衡 红黑树整体代码 测试代码 上期我们学习了AVL树的模拟实现,在此基础上,我们本期将学习另一个数据结构-…...
一分钟快速解读LEED绿色建筑认证
一分钟快速解读LEED绿色建筑认证——引领未来建筑绿色革命的风向标 LEED,全称为“Leadership in Energy and Environmental Design”,是美国绿色建筑委员会(USGBC)开发并推广的一套国际公认的绿色建筑评估体系。它如同一座灯塔&am…...
C# 语法糖集锦
文章目录 1、自动属性(Auto - Properties)2、对象和集合初始化器(Object and Collection Initializers)3、匿名类型(Anonymous Types)4、扩展方法(Extension Methods)5、Lambda 表达式(Lambda Expressions)6、空合并运算符(??)和空条件运算符(?.)7、隐式类型数…...
centos制作离线安装包
目录 1.yumdownloader与repotrack怎么选择? yumdownloader --resolve repotrack 总结 2.环境准备 3.安装 1.yumdownloader与repotrack怎么选择? yumdownloader --resolve 和 repotrack 都是与 YUM(Yellowdog Updater Modified…...
HTML5 学习资源
HTML5 学习资源 学习HTML5的资源丰富多样,以下是一些推荐的在线教程、书籍和社区论坛,帮助你更好地掌握HTML5。 11.1 在线教程和课程 MDN Web Docs: MDN HTML 教程提供详细的HTML5文档和实例,适合各个水平的开发者。 W3Schools…...
大模型(LLM)提示工程(Prompt Engineering)初识
大模型提示工程(Prompt Engineering)是指设计和优化给定任务的输入提示,以便从大型语言模型(如GPT-4、GPT-3等)中获得最佳输出。其核心目标是通过合理设计输入内容(提示词或提示结构)࿰…...
uni-app 统一请求处理 请求拦截器 响应拦截器 请求封装
封装API接口 import {http} from ../utils/request.js export function login(code){return http({url:/wx/getSession,method: GET,data:{code}}) }调用接口 import {login,test,phoneMessage,updateAvatar} from ../../api/user.js function userLogin(){ login(code.value…...
web 渗透学习指南——初学者防入狱篇
目录 一、学习方向和基础知识二、知识点详细总结三、学习流程和典型案例 案例1:SQL注入漏洞检测与利用案例2:XSS攻击检测与利用案例3:文件上传漏洞利用案例4:CSRF攻击实现 四、常用工具推荐和使用方法五、初学者实用学习资源六、渗…...
卷积神经网络入门指南:从原理到实践
目录 1 CNN的发展历史 2 CNN的基本原理 3 CNN核心组件 3.1 卷积操作基础 3.2 卷积层详解 3.3 高级卷积操作 3.3.1 分组卷积(Group Convolution) 3.3.2 深度可分离卷积(Depthwise Separable Convolution): 3.3 池…...
vscode添加全局宏定义
利用vscode编辑代码时,设置了禁用非活动区域着色后,在一些编译脚本中配置的宏又识别不了 遇到#ifdef包住的代码就会变暗色,想查看代码不是很方便。如下图: 一 解决: 在vscode中添加全局宏定义。 二 步骤:…...
Mysql InnoDB存储引擎中聚簇索引和非聚簇索引的区别
最核心的区别还是从需求角度来看比较好: 1.创建索引时 在创建表时,InnoDB存储引擎会根据不同情况,选择不同的列作为索引 (1)有主键,通过主键作为聚簇索引的索引键(key) (2…...
使用vcpkg安装opencv>=4.9后#include<opencv2/opencv.hpp>#include<opencv2/core.hpp>无效
使用vcpkg安装opencv>4.9后#include<opencv2/opencv.hpp>#include<opencv2/core.hpp>无效\无法查找或打开 至少从2024年开始,发布的vcpkg默认安装的opencv版本都是4.x版。4.8版本及以前,vcpkg编译后的opencv头文件目录是*/vcpkg/x64-win…...
opencv sdk for java中提示无stiching模块接口的问题
1、问题介绍 安卓项目中有新的需求,在 jni 中增加 stiching_detail.cpp 中全景拼接的实现。 但是在编译时,出现大量报错,如下截图所示 实际上,其他opencv的接口函数 例如 core dnn等都能正常使用,直觉上初步怀疑 ope…...
大恒相机开发(2)—Python软触发调用采集图像
大恒相机开发(2)—Python软触发调用采集图像 完整代码详细解读和功能说明扩展学习 这段代码是一个Python程序,用于从大恒相机采集图像,通过软件触发来采集图像。 完整代码 咱们直接上python的完整代码: # version:…...
gitlab克隆仓库报错fatal: unable to access ‘仓库地址xxxxxxxx‘
首次克隆仓库,失效了,上网查方法,都说是网络代理的问题,各种清理网络代理后都无效,去问同事: 先前都是直接复制的网页url当做远端url,或者点击按钮‘使用http克隆’ 这次对于我来说有效的远端u…...
代码随想录day27 贪心1
题目:455.分发饼干 376.摆动序列 53.最大子序和 需要重做:全部 贪心算法其实就是没有什么规律可言,所以大家了解贪心算法 就了解它没有规律的本质就够了。 不用花心思去研究其规律, 没有思路就立刻看题解。 理论基础 贪心的…...
Hive 部署
1 下载并安装 1.1 Hadoop安装 参考另一篇博客:Hadoop 部署 1.2 安装包下载 可通过下面网站下载: 官网:https://dlcdn.apache.org/hive/。清华源:https://mirrors.tuna.tsinghua.edu.cn/apache/hive/。 比如下载apache-hive-4…...
SDK 指南
在前端开发中,SDK(Software Development Kit,软件开发工具包)是一个用于帮助开发者在特定平台、框架或技术栈中实现某些功能的工具集。 1. SDK 是什么? SDK 是一种开发工具包,它提供了开发人员实现某些功…...
unity Default constructor not found for type 的问题
文章目录 前言一、怎么解决?总结 前言 突然有一次打包PC的包出来,JSON就无法正常获取,后来找到原因: 应该是设置渲染等级相关的东西,不小心把剥离等级设置套高了。 一般情况不会出现,向我这种老爱unity 编…...
富文本编辑器实现表单非空校验
首先尝试使用form的rules规则去验证,发现未生效; <el-form ref"form" :disabled"readonly" :model"form" :rules"rules" label-width"120px"><el-form-item label"内容" prop&quo…...
使用uniapp开发微信小程序-框架搭建
最近要开发一个小程序,为了降低学习成本,最后还是选择使用uniapp来开发,但是由于电脑性能不行,实在不想多跑一个应用程序,就简单搭建了一个可以用vscode跑的uniapp项目。 项目整体技术栈:vue3 pinia type…...
华为浏览器(HuaweiBrowser),简约高效上网更轻松
华为浏览器是一款由华为公司自主研发的网页浏览工具,凭借其独特的设计理念和优质的用户体验,正在吸引越来越多的用户关注。这款基于Chromium技术打造的浏览器不仅继承了Chrome的高性能特质,更融入了华为自身的创新元素,为用户打造…...
SQLite
文章目录 1、什么是信息?2、 数据库模型3、sqLite 数据库4、 SQL 语句基础5、对数据库文件 SQL 语句:6、创建表:create 语句7、创建表:create 语句(设置主键)8、查看表: .table9、修改表: alter语句10、删除表:drop table 语句11、插入新行:insert into 语句(全部赋值)12、插入…...
uniapp下拉选择组件
目录 背景 实现思路 代码实现 配置项 使用 尾巴 背景 最近遇到一个这样的需求,在输入框中输入关键字,通过接口查询到结果之后,以下拉框列表形式展现供用户选择。查询了下uni-app官网和项目中使用的uv-ui库,没找到符合条件的…...
解决 vue3 中 echarts图表在el-dialog中显示问题
原因: 第一次点开不显示图表,第二次点开虽然显示图表,但是图表挤在一起,页面检查发现宽高只有100px,但是明明已经设置样式宽高100% 这可能是由于 el-dialog 还没有完全渲染完成,而你的 echarts 组件已经开始尝试渲染图…...