美文网首页前端便利店
Nuxt.js 发送两次请求

Nuxt.js 发送两次请求

作者: 小遁哥 | 来源:发表于2021-05-06 16:05 被阅读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 ,帮您省时省力!

相关文章

网友评论

    本文标题:Nuxt.js 发送两次请求

    本文链接:https://www.haomeiwen.com/subject/ayjddltx.html