nuxt.js - 如何记录nuxt服务器端网络请求？

Question

有什么方法可以记录服务器端由 nuxtjs 完成的所有网络请求？

我已经在使用 node --inspect 来启用 Chrome 控制台，但是那里缺少网络选项卡。

非常感谢您的任何提示。

Answer 1

我正在使用 axios nuxt 插件 ( https://axios.nuxtjs.org )。

我创建了一个插件来扩展它( https://axios.nuxtjs.org/extend.html ):

export default ({$axios, store}) => {
  $axios.onResponse(response => {
    console.log(`[${response.status}] ${response.request.path}`);
  });

  $axios.onError(err => {
    console.log(`[${err.response && err.response.status}] ${err.response && err.response.request.path}`);
    console.log(err.response && err.response.data);
  })
}

onError() 记录错误的请求

onResponse() 记录成功的请求

这是一个示例输出:

[200] /dashboard/rights/user
[200] /dashboard/rights/segment
[200] /dashboard/user/me
[400] /group/entries?group_id=undefined
{ status: 'error',
  codeStatus: 400,
  detail:
   [ { message:
        '"group_id" with value "undefined" fails to match the valid object id pattern',
       path: 'group_id',
       type: 'string.regex.name' } ] }

希望能帮助到你