如何详细实现Vue中前端展示后端带颜色实时日志？

本文共计645个文字，预计阅读时间需要3分钟。

目录 + Vue实现前端展示后端带颜色的日志 + 需求 + 操作 + 使用innerHTML例子 + 需求： + 解决 + 效果 + Vue实现前端展示后端带颜色的日志 + 需求： + 通过loki获取项目生产的日志，并在前端显示出来，一开 + 头

目录

• vue实现前端展示后端带颜色的日志
• 需求
• 操作
• 采用innerHTML例子
• 需求：
• 解决
• 效果

vue实现前端展示后端带颜色的日志

需求

通过loki获取项目产生的日志，并且在前端显示出来，一开始在没有经过处理的数据会显示一些乱码，并没有将字符转换

经过一番查询后，发现可以使用ansi_up来对日志进行操作颜色代码进行转化。