Nuxt.js 发送两次请求

使用Nuxt.js 时，会在asyncData中发送请求，这个操作在服务器端就完成了

到了客户端不会再次发送请求，所以在开发者工具的network里是看不到的

但是js逻辑依然会再次执行，因此数据通过在window._NUXT记录

生产环境没什么问题，平常开发的时候还蛮麻烦的，可以在nuxt.config.js增加hooks

  hooks: {
    "vue-renderer:ssr:context"(context) {
      if (process.env.NODE_ENV !== "production") {
        const routePath = JSON.stringify(context.nuxt.routePath);
        context.nuxt = { serverRenderer: true, routePath };
      }
    },

这样就可以看到请求记录，方便排查问题。

本文将持续更新

关注专题 前端便利店 https://www.jianshu.com/c/c3f77a86d9a5 ，帮您省时省力!