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 ，幫您省時省力!