使用nuxt-winson-log打印nuxt日志与日志分级
发布网友
发布时间：2022-11-27 03:49
共1个回答
热心网友
时间：2023-10-14 01:04
看到了一款 nuxt-winson-log 可以符合要求。
是基于winston包裹了一层。
nuxt-winson-log的默认保存路径是当前文件夹下的 logs 文件夹。修改配置让日志保存在其他路径：
区分了开发和生产的日志存放目录。
同时使用 npm_lifecycle_event 和 NODE_ENV 而不是 process.env.NODE_ENV === 'proction' 去做判断是因为构建过程中的 process.env.NODE_ENV 也是 proction ，会因为构建机器上没有这个日志存放目录导致构建失败。
日志简单地区分的话有两种，日常日志(info)和错误(error)日志。nuxt-winson-log默认会把两种日志都放在同一个日志文件里面。可以通过配置将两种日志打到不同的日志文件。
这样配置就可以实现 info 和 error 日志分级了！如果发现启动的时候两个日志文件没有生成，可以检查一下设置的保存路径是否存在。
因为在 node 端发起的接口请求如果500了是会导致返回错误页面的，所以在做好 try...catch 之外，还要对接口的成功与否与日志记录。
在plugins文件夹里新建一个 axios.js 插件，正常的请求打在 info 日志，错误请求打 error 日志。
nuxt-winston-log会在每次请求页面的时候自动打印一次日志，在 node 端出错的时候也会自动打印日志。
最后打出来的日志效果：
