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

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

需求

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

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

操作

ansi_up
能够装换颜色代码

GitHub地址：https://github.com/drudru/ansi_up

安装

npm install ansi_up

引入

import {
   
   default as AnsiUp} from 'ansi_up';

使用
后端采用loki收集日志