如何记录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' } ] }

希望能帮助到你

Answer 2

FWIW，在其他答案中，我对这两种方法都没有太多运气。最终对我有用的是添加一个ssr: false使其nuxt.config.js成为 SPA 而不是 SSR 并在浏览器控制台上进行调试。\xe2\x80\x8d\xe2\x99\x82\xef\xb8\x8f

\n