前端便利店

Nuxt.js 发送两次请求

2021-05-06  本文已影响0人  小遁哥

使用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 ,帮您省时省力!

上一篇 下一篇

猜你喜欢

热点阅读