前端将后端返回的带颜色的数据进行转换
因为之前在调用后端接口的时候 后端返给我的数据显示乱码:具体如下图所示:
然后这些数据 在后台显示的是这样的的,如下图所示:
根据以上这三幅图片可以看到有些数据 在后台显示的时候 有些代码是带颜色的,而在前端显示的时候 会显示成乱码。所以我们可以根据这个特点去想,怎么在网页上显示终端的颜色。
解决方法(ansi)在网页中显示终端颜色
终端命令为了可以友好的显示大多数都支持了颜色显示。 在终端中良好的颜色显示, 能够让我们处理问题更加高效,但是在运维开发中, 难免要在 web 网页中操作服务器, 难免要执行这些命令并且要显示在终端中.。
除了友好的显示为等宽字体外, 显示这些颜色也是有必要的, 因为终端的颜色代码如果直接显示会很奇怪, 更加会干扰我们的信息。
ansi_up 库可以把终端颜色代码自动转换成 html 格式颜色样式, 让 web 显示终端颜色更加方便。
ansi_up是易于使用的库,可将包含ANSI颜色转义码的文本转换 为HTML。该模块是一个没有依赖性的Javascript文件。它是“同构” javascript。这只是说ansi_up.js文件在浏览器或node.js中都可以使用的另一种说法。js库是从TypeScript编译的,其类型描述随NPM一起提供。该代码自2011年以来已在生产中使用,并一直得到积极维护。
html代码**